mirror of
https://github.com/hanzo-docs/docs.git
synced 2026-10-29 07:01:44 +00:00
zeekay
a572ed7c00
Migrated 93 MDX pages from old Tamagui-based site to @hanzo/docs system: - 13 intro pages (installation, props, styles, themes, etc.) - 22 core pages (configuration, styled, variants, animations, etc.) - 48 component pages (button, dialog, select, toast, etc.) - 14 guide pages (next-js, expo, vite, webpack, metro, etc.) Zero tamagui references. Uses @hanzo/docs-base-ui + @hanzo/docs-mdx.
36 lines
798 B
Plaintext
36 lines
798 B
Plaintext
---
|
|
title: Lucide Icons
|
|
description: Cross-platform compatible SVG-based icons
|
|
name: lucide-icons
|
|
component: LucideIcons
|
|
package: lucide-icons
|
|
demoName: LucideIcons
|
|
---
|
|
|
|
## Installation
|
|
|
|
```sh
|
|
yarn add react-native-svg @hanzogui/lucide-icons-2
|
|
```
|
|
|
|
## Usage
|
|
|
|
Use them as regular React components:
|
|
|
|
```tsx
|
|
import { Button } from '@hanzo/gui'
|
|
import { Plus } from '@hanzogui/lucide-icons-2'
|
|
|
|
// Button will automatically pass size/theme to icon
|
|
export default () => <Button icon={Plus}>Hello world</Button>
|
|
|
|
// or you can control it
|
|
export default () => <Button icon={<Plus size="$4" />}>Hello world</Button>
|
|
```
|
|
|
|
They accept your tokens/theme keys for color and size.
|
|
|
|
## Credit
|
|
|
|
The great [Lucide Icons](https://lucide.dev/), a superset of the wonderful [Feather Icons](https://feathericons.com/).
|