https://github.com/serifcolakel/serif-ui-components

This is a boilerplate for creating a React component library using with Storybook, TypeScript, Eslint, Husky, Vite & TailwindCSS.
https://github.com/serifcolakel/serif-ui-components

chromatic eslint huksy prettier react storybook tailwindcss typescript

Last synced: 28 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/serifcolakel/serif-ui-components
• Owner: serifcolakel
• Created: 2023-07-16T08:00:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-16T10:04:13.000Z (over 1 year ago)
• Last Synced: 2024-09-29T10:46:42.540Z (about 1 month ago)
• Topics: chromatic, eslint, huksy, prettier, react, storybook, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://64b3a5aefbe2fe6df3fbcf12-jqpiroqtxc.chromatic.com/?path=/docs/example-introduction--docs
• Size: 1.01 MB
• Stars: 8
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# serif-ui-components

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

## See the Full Documentation

* [Documentation Link](https://github.com/serifcolakel/serif-ui-components/blob/main/DOCUMENTATION.md)

## Install

```bash

  npm install serif-ui-components

  # or

  yarn add serif-ui-components

```

## Usage

* Add the `index.css` file to the root of your project.

```tsx

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

```

* Import components and use them.

```tsx

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

const App = () => {

  return (

    


      

    

  )

}

```


## See All Components in Chromatic

* [Components Link](https://64b3a5aefbe2fe6df3fbcf12-jqpiroqtxc.chromatic.com/)

## Roadmap

* Button :heavy_check_mark:

* Checkbox :heavy_check_mark:

* Input :construction:

* Select :construction: