till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 19:41:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4
managarten/apps/picture/packages/mobile-ui/components/ui/Icon/README.md
Wuesteon d36b321d9d style: auto-format codebase with Prettier 
Applied formatting to 1487+ files using pnpm format:write
  - TypeScript/JavaScript files
  - Svelte components
  - Astro pages
  - JSON configs
  - Markdown docs

  13 files still need manual review (Astro JSX comments)
2025-11-27 18:33:16 +01:00

911 B
Raw Permalink Blame History

Icon

Cross-platform icon component (SF Symbols on iOS, Ionicons elsewhere).

Installation

```bash npx @memoro/ui add icon ```

Usage

```tsx import { Icon } from '@/components/ui/Icon';

\`\`\`

Common Icons

  • Navigation: `chevron-back`, `chevron-forward`, `arrow-back`, `close`, `menu`
  • Actions: `add`, `remove`, `checkmark`, `search`, `filter`, `settings`, `trash`, `share`
  • Media: `image`, `images`, `camera`, `heart`, `star`, `bookmark`
  • UI: `grid`, `list`, `eye`, `information-circle`, `warning`
  • People: `person`, `people`, `home`

See Icon.tsx for full icon list (100+ icons mapped).

Platform

  • iOS: Uses SF Symbols (native, better performance)
  • Android/Web: Uses Ionicons

See full documentation in component file.