Icons — dir/ui

Import Lucide React components directly for actions and navigation.

# 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.2
```

[Registry item with source and dependencies](https://github.com/lr-run/dir-ui/blob/v0.1.2/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. Theme CSS is imported by the UI modules. 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.