catalog/readme.hints.md

Development Hints for @signature.digital/catalog

dees-icon Usage

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

Format

<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