Components Overview

# Components Overview

Starwind UI currently includes the following components.

<ComponentsList />

## Import Pattern

All components follow a consistent import pattern:

```ts
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.

```astro
---
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>
```

<span class="sr-only">
This feature is enabled by the `tailwind-variants` package, which uses `tailwind-merge` under the hood to merge Tailwind classes without style conflicts.
</span>