# Icons

Import Lucide React components directly for actions and navigation.

## Install

```sh
npx shadcn@4.21.0 add lr-run/dir-ui/icons#v0.1.3
```

[Registry item with source and dependencies](https://github.com/lr-run/dir-ui/blob/v0.1.3/registry.json)

Requires React 19, Tailwind CSS 4 and shadcn initialized with Base UI. Registry target placeholders resolve through components.json: @ui, @components, @hooks and @lib. Imports below use the conventional @/ prefix for illustration; the CLI rewrites them to your configured aliases. Shared components are installed once through registryDependencies. The installer merges shared theme rules into the stylesheet configured in components.json. Existing files are never forcibly overwritten; review CLI conflicts before accepting changes. No Dir runtime is required.

## SearchIcon

```tsx
import { SearchIcon } from 'lucide-react'
```

| Prop | Type | Default / required | Notes |
| --- | --- | --- | --- |
| size | number \| string | 24 (use 16 in dir/ui) | Width and height in pixels. |
| strokeWidth | number | 2 (use 1.5 in dir/ui) | SVG stroke width. |
| className | string | — | Tailwind classes for layout and color. |
| aria-hidden | boolean | true for decorative icons | Give the containing button an accessible name. For a meaningful standalone icon, set aria-hidden={false}, role="img", and aria-label. |

Import named React components directly from lucide-react. No dir/ui icon wrapper or string-based icon names. The preview example selector only chooses which direct import to demonstrate.