Badge List

A list of badges with a title and items.

Loading block…

Implementation

npx shadcn@latest add @flx/badge-list

Usage

badge-list-example.tsx
import { BadgeList, type BadgeListProps } from './badge-list'

export function BadgeListExample() {
  const values = {
    title: 'Topics',
    description: 'Explore by category or focus area.',
    items: ['Design', 'Code', 'Ship', 'Scale', 'Open source', 'Docs'],
  } satisfies BadgeListProps

  return (
    <BadgeList
      title={values.title}
      description={values.description}
      items={values.items}
    />
  )
}