Components Overview
Starwind UI currently includes the following components.
Accordion Alert Alert Dialog Aspect Ratio Avatar Badge Breadcrumb Button Card Carousel Checkbox Dialog Dropdown Dropzone Item Input Label Pagination Progress Radio Group Select Separator Sheet Skeleton Spinner Switch Table Tabs Textarea Tooltip
Import Pattern
All components follow a consistent import pattern:
import { ComponentName } from "@/components/starwind/component-name";
Class Overrides
Components support class overrides using the class
prop. This allows you to customize the appearance of the component without modifying the source code.
---import { Button } from "@/components/starwind/button";---
<Button>default button</Button><Button class="bg-purple-700 text-white hover:bg-purple-800 rounded-full">custom button</Button>
This feature is enabled by the tailwind-variants
package, which uses tailwind-merge
under the hood to merge Tailwind classes without style conflicts.