Siber-ui
Components library for react and tailwind.
Components
- [ ] Action Panels
- [ ] Alerts
- [x] Avatars
- [x] Badges
- [ ] Breadcrumbs
- [x] Buttons
- [ ] Banners
- [ ] Containers
- [ ] Comboboxes
- [ ] Command Palettes
- [ ] Checkboxes
- [ ] Dividers
- [x] Dropdowns
- [ ] Empty States
- [ ] Feeds
- [ ] Grid Lists
- [ ] Input Groups
- [ ] List containers
- [ ] Modals
- [ ] Media Objects
- [ ] Notifications
- [ ] Pagination
- [ ] Panels
- [ ] Radio Groups
- [ ] Select Menus
- [ ] Stats
- [ ] Steps
- [ ] Slide-overs
- [ ] Stacked Lists
- [ ] Textareas
- [x] Toggles
- [ ] Tables
- [ ] Tabs
- [ ] Vertical Navigation
Quick Start
You can download and install siber-ui as a dependency on your project.
Using NPM
npm i siber-ui
Using Yarn
yarn add siber-ui
Using PNPM
pnpm i siber-ui
Example
First you will need to add the config in your tailwind.config.js
const withSiber = require('siber-ui/dist/utils/with-siber.js')
const config = {
/* your custom tailwind config */
};
module.exports = withSiber(config);
Now you're good to go and use siber-ui in your project.
import { Button } from "siber-ui";
export default function Example() {
return <Button>Button</Button>;
}