siber-ui v0.0.4

Siber-ui

Components library for react and tailwind.

Components

• Action Panels
• Alerts
• Avatars
• Badges
• Breadcrumbs
• Buttons
• Banners
• Containers
• Comboboxes
• Command Palettes
• Checkboxes
• Dividers
• 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
• 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>;
}