Package Exports
- kutty
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (kutty) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Kutty
Kutty is a set of accessible and reusable components for building web applications. It uses Tailwind classes, which is an utility based CSS framework, for styling the components.
Installation
npm i kutty --saveTailwind CSS is not available in this package. Learn how to install tailwind here.
Usage
For importing the whole package:
@import "tailwindcss/base";
@import "tailwindcss/components";
/* Add Kutty here */
@import "kutty";
@import "tailwindcss/utilities";For importing any single component:
@import "tailwindcss/base";
@import "tailwindcss/components";
/* Add Kutty here */
@import "kutty/src/button.css";
@import "tailwindcss/utilities";Development
Clone the repo, install dependencies, and start the server locally.
git clone https://github.com/praveenjuge/kutty.git
cd kutty
npm i
npm startThen open http://localhost:1313 in your browser.
| Scripts | Description |
|---|---|
npm start |
Starts a local Hugo server and Tailwind Watcher |
npm run production && hugo --minify |
For generating production docs files |
Components
- Alerts
- Avatars
- Buttons
- Badge
- Breadcrumb
- Card
- Collapse
- Dropdowns
- Forms
- List Group
- Modal
- Pagination
- Loading
- Tabs
- Toasts
- Tooltips