Icon List

A list of icons with a title and items.

Nome do ícone (ex: Zap, Shield, Code, Users)

Nome do ícone (ex: Zap, Shield, Code, Users)

Nome do ícone (ex: Zap, Shield, Code, Users)

Nome do ícone (ex: Zap, Shield, Code, Users)

Nome do ícone (ex: Zap, Shield, Code, Users)

Nome do ícone (ex: Zap, Shield, Code, Users)

Implementation

npx shadcn@latest add @flx/icon-list

Usage

icon-list-example.tsx
import { IconList, type IconListProps } from './icon-list'

export const values = {
  title: 'Principles',
  items: [
    { title: 'Simple', icon: 'Zap' },
    { title: 'Clear', icon: 'Shield' },
    { title: 'Fast', icon: 'Code' },
    { title: 'Stable', icon: 'Users' },
    { title: 'Open', icon: 'Accessibility' },
    { title: 'Inclusive', icon: 'Smartphone' },
  ],
} satisfies IconListProps

export function IconListExample() {
  return <IconList title={values.title} items={values.items} />
}
Need help? Contact me