serifcolakel / serif-ui-components

This is a boilerplate for creating a React component library using with Storybook, TypeScript, Eslint, Husky, Vite & TailwindCSS.

serif-ui-components

• serif-ui-components is a component library with React, Typescript and Tailwind CSS.

See the Full Documentation

• Documentation Link

Install

  npm install serif-ui-components
  # or
  yarn add serif-ui-components

Usage

• Add the index.css file to the root of your project.

  import 'serif-ui-components/dist/index.css'

• Import components and use them.

import { Button } from 'serif-ui-components'

const App = () => {
  return (
    <div>
      <Button buttonType="outline" label="Serif test" />
    </div>
  )
}

See All Components in Chromatic

• Components Link

Roadmap

• Button ✔️
• Checkbox ✔️
• Input 🚧
• Select 🚧