calista-ui
v0.1.8
Published
A Tailwind React component library with CLI for copying components into your project.
Readme
calista-ui
A React component library built with Tailwind CSS. Supports light and dark mode out of the box.
Installation
npm install calista-uiUsage
- Add Tailwind CSS to your project (see Tailwind docs).
- Configure your
tailwind.config.jsto include the library:
module.exports = {
content: [
"./src/**/*.{js,ts,jsx,tsx}",
"./node_modules/calista-ui/**/*.{js,ts,jsx,tsx}"
],
darkMode: "class",
// ...
}- Import the component and styles:
import 'calista-ui/dist/index.css';
import { Button } from 'calista-ui';
export default function App() {
return <Button>Click me</Button>;
}Dark Mode
Add the dark class to your <html> or <body> to enable dark mode:
<html class="dark">MIT License