# Development Hints for @signature.digital/catalog

## dees-icon Usage

**Important**: Use the `.icon` property, NOT `.iconFA` (deprecated).

### Format
```html
<dees-icon .icon=${'prefix:IconName'}></dees-icon>
```

### Lucide Icons (PascalCase)
Lucide icons use **PascalCase** names:
- `lucide:CheckCircle` ✓
- `lucide:UserPlus` ✓
- `lucide:PenTool` ✓
- `lucide:Mail` ✓
- `lucide:Users` ✓

**Wrong formats**:
- `lucide:check-circle` ✗ (kebab-case doesn't work)
- `lucide:userPlus` ✗ (camelCase doesn't work)

### FontAwesome Icons (camelCase)
FontAwesome icons use **camelCase** names:
- `fa:arrowRight`
- `fa:magnifyingGlass`
- `fa:penToSquare`

### Documentation
See: https://code.foss.global/design.estate/dees-catalog/src/branch/main/readme.icons.md