Salekin's Design System

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Installation

To install the design system, run:

npm install salekin-design-system

Usage

Button

import React from 'react';
import { Button } from 'salekin-design-system';

const App = () => (
  <Button variant="outlined">Click Me</Button>
);

export default App;

Input

import React from 'react';
import { Input } from 'salekin-design-system';

const App = () => (
  <Input type="text" placeholder="Enter text" variant="filled" />
);

export default App;

Card

import React from 'react';
import { Card, Button } from 'salekin-design-system';

const App = () => (
  <Card body="Card Body" footerItems={[<Button key="1">Footer Button</Button>]} />
);

export default App;