CategoryBadge

Domain

Renders a category name as a small primary-colored pill. Accepts Pick<Category, "title" | "slug"> — the full Category object is not required.

Categories

Preview
TechnologyDesignCareer
Code
<CategoryBadge category={{ title: 'Technology', slug: 'technology' }} />
<CategoryBadge category={{ title: 'Design', slug: 'design' }} />
<CategoryBadge category={{ title: 'Career', slug: 'career' }} />

Sizes

Preview
TechnologyTechnologyTechnology
Code
<CategoryBadge category={category} size="sm" />
<CategoryBadge category={category} size="md" />
<CategoryBadge category={category} size="lg" />
Sourcemodules/domains/blog/category/CategoryBadge.tsx