📚 Components

Where to find the existing components: Find the list of existing components in Packages/UI/src/components/

How to use Components(Button example):

import { Button } from "@repo/ui/button"
…
<Button ></Button>

The components come with pre existing variants and existing styling, but you can customise them further: just add the style classes(in Tailwind):

<Button
 class="mx-4"
 variant="outline"
 size="long"
 onClick={handleNext}
 >
</Button>

How to add Components Add .tsx component ( stay consistent with the library and component structure) in Packages/UI/src/components/ Add export in Packages/UI/package.json

How to style the Components

see UI Library/ Styling / Styling Components