is-core-ui v1.1.110
UI Library
A reusable React component library built with TypeScript, Storybook, and TailwindCSS. This library provides a collection of atomic components designed for easy integration into your projects.
Features
- π Reusable Components: Pre-built, customizable atomic components for faster development.
- π οΈ TypeScript Support: Fully typed components for type-safe usage.
- π¨ TailwindCSS Integration: Styled with TailwindCSS for easy theme customization.
- π Storybook: Includes a Storybook for interactive component demos.
- π Lightweight: Built to optimize performance and reduce bundle size.
Installation
To use the components in your project, first install the library via npm or yarn:
# Install with npm
npm install is-core-ui
# Install with yarn
yarn add is-core-ui
Usage
Import and use components in your project: Example: Using the Button Component
import React from 'react';
import { Button, ButtonType, SIZE } from 'ui-library';
const App = () => {
return (
<Button
type={ButtonType.Primary}
size={SIZE.S}
text="Click Me"
onClick={() => alert('Button Clicked!')}
/>
);
};
export default App;
TailwindCSS Configuration
Ensure your project has TailwindCSS installed and configured. If youβre not using TailwindCSS, you can override styles using the provided class names.
Components
Atoms
1. Button
- Props:
- text: Text displayed on the button.
- type: Button style, e.g., primary, secondary.
- size: Button size, e.g., sm, lg.
- icon: Optional icon to display.
- onClick: Click event handler.
Example:
<Button
type={ButtonType.Primary}
text="Submit"
onClick={() => alert('Submitted!')}
/>
Storybook
Explore interactive demos of all components in the library using Storybook:
- listening http://localhost:6006 as default
npm run storybook
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago