mirror of
https://github.com/hanzoai/gui.git
synced 2026-11-01 11:04:20 +00:00
zeekay
4620297b84
Match the layout convention used elsewhere in the Hanzo / Liquidity stack
(pkgs/* for libraries, apps/* for consumer apps, templates/* for starters).
Layout changes:
pkgs/ ← code/{compiler,core,packages,ui,ui-admin}/
apps/ ← code/{admin-base,admin-tasks,demos,gui.hanzo.ai,
kitchen-sink*,sandbox,tests}/
templates/ ← code/starters/* (flattened — no more starters/ subdir)
Updated:
- package.json workspaces glob.
- All scripts/* path references (postinstall, format, repair, release,
sync-gui-versions, ci-serve, check-references, etc).
- ../../tasks/scripts/sync-admin-ui.sh — DEFAULT_SRC now points at
../gui/apps/admin-tasks (and scrubbed Tamagui mentions in comments).
- ~/work/hanzo/HANZO_BINARY.md doctrine doc.
- ~/work/hanzo/ui/pkg/ui/BASES.md framework-bases doc.
- gui CLAUDE.md, CONTRIBUTING.md.
- Memory entries.
Side-effect fix: ui-admin/src/primitives/index.ts now re-exports
PageShell from ../shell/PageShell. Several IAM identity pages
(GroupEdit, OrgEdit, GroupTree, UserEdit, RoleEdit) imported PageShell
from ./primitives — pre-existing barrel mismatch the test suite missed
because the smoke tests don't full-render. The rename surfaced it via
production build; back-compat re-export keeps both barrels working.
Verification:
- bun install: clean.
- ui-admin tests: 127/127 green.
- admin-tasks vite build: 721 KB JS / 213 KB gzip + 10 KB CSS, clean.
37 lines
795 B
Plaintext
37 lines
795 B
Plaintext
---
|
|
title: Lucide Icons
|
|
description: Cross-platform compatible SVG based icons
|
|
demoName: LucideIcons
|
|
---
|
|
|
|
<HeroContainer noPad>
|
|
<LucideIconsDemo />
|
|
</HeroContainer>
|
|
|
|
## 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/).
|