Skip to content

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

Notifications You must be signed in to change notification settings

serifcolakel/serif-ui-components

Repository files navigation

serif-ui-components

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

See the Full Documentation

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

Roadmap

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