@programmer-molor/ui-components

A collection of 18+ customizable React UI components with Tailwind CSS support.

Installation

``bash
npm install @programmer-molor/ui-components
`

or with yarn:

`bash
yarn add @programmer-molor/ui-components
`

Usage

`tsx
import { Button, Card, Modal, Input } from "@programmer-molor/ui-components";
import "@programmer-molor/ui-components/style.css";

function App() {
return (


Click me



);
}
`

Props

All components accept the following props:

| Prop | Type | Default | Description |
| ----------- | ----------- | ------- | ---------------------- |
| className | string | "" | Additional CSS classes |
| children | ReactNode | - | Component children |

Available Components

This library includes 18+ components including:

- Buttons: Button - Primary, secondary, outline variants
- Form Controls: Input, Checkbox, Select, Textarea, Switch, Slider
- Feedback: Alert, Modal, Progress, Tooltip
- Layout: Card, CardHeader, CardBody, CardFooter
- Navigation: Tabs, TabsList, TabsTrigger, TabsContent
- Data Display: Badge, Avatar, Accordion
- Utilities: PropsTable, CodePreview

Custom Components

You can customize components using the provided props:

`tsx
import { Button, Card, Alert } from "@programmer-molor/ui-components";

const MyComponent = () => {
return (

Operation completed successfully!

Continue


);
};
`

Peer Dependencies

This library requires the following peer dependencies:

- react: ^18.0.0 || ^19.0.0
- react-dom`: ^18.0.0 || ^19.0.0

License

MIT © Gilang