CategoryIcon

Small filled tile that renders a white SVG glyph for one of the 5 content categories (session, plan, analysis, nutrition, coaching).

Preview

Usage

import { CategoryIcon } from '@ramtt/ui'

<CategoryIcon category="session" />
<CategoryIcon category="analysis" size="md" />

Props

PropTypeDefaultDescription
category*'session' | 'plan' | 'analysis' | 'nutrition' | 'coaching'Content type — determines color and glyph
size'sm' | 'md''sm'sm = 16px, md = 20px
classNamestringAdditional Tailwind classes