@thavixt/composia

@thavixt/composia - a component library

@todo: analyze bundle size at https://bundlephobia.com/package/@thavixt/composia

Tiny blocks, big wings!

Composia credula is a tiger moth of the family Erebidae first described in 1775.

composia is a React component library based on shadcn, including all the pre-made components and styling- with some modifications and additional components.

Visit the Storybook to view all available components with code examples.

Installation

npm install @thavixt/composia

Usage

Import the pre-built styles in your root component:

import '@thavixt/composia/dist/index.css';

An example of using the <Button /> component would look like this:

import { Button } from '@thavixt/composia';

export function MyComponent() {
  return (
    <Button variant="secondary" onClick={() => console.log('Clicked!')}>
      Perform task
    </Button>
  )
}