# Your component

Basic usage of the YourComponent template.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).





<ComponentPreview name="your-component">
  <YourComponent />
</ComponentPreview>

## Usage [#usage]

After you add the component with the CLI, import it from your UI folder:

```tsx
import { YourComponent } from "@/components/ui/your-component";

export function MyComponent() {
  return <YourComponent />;
}
```