CardTaxonomies

Renders taxonomy tags for list cards (DefaultCard, IconCard). Kickstart cards use TechnologyTags with icons; other content types use styled button spans.

Props

Prop	Type	Required	Default	Description
`terms`	`string[]`	Yes	-	Taxonomy term UIDs (technology for kickstart, mixed for others)
`isKickstart`	`boolean`	No	`false`	Use TechnologyTags with icons instead of plain spans
`tagVariant`	`ButtonVariant`	No	`'SecondaryFillButton'`	Button variant for non-kickstart tags

Usage

import CardTaxonomies from '@/components/molecules/CardTaxonomies';

<CardTaxonomies
  terms={card.taxonomies}
  isKickstart={card.contentType === 'kickstart'}
  tagVariant="SecondaryFillButton"
/>

import CardTaxonomies from '@/components/molecules/CardTaxonomies';

<CardTaxonomies
  terms={card.taxonomies}
  isKickstart={card.contentType === 'kickstart'}
  tagVariant="SecondaryFillButton"
/>

Features

Kickstart: TechnologyTags with SVG icons, limited to 3 terms
Other types: Styled spans with formatTaxonomyTermLabel (underscores → spaces)
Truncation: Shows "..." when more than 3 terms

Layout

Tags stay on one row (flex-nowrap). The row sits in a min-w-0 + overflow-x-auto shell so pills never spill into the next grid card; on narrow widths you can scroll horizontally inside the card (scrollbar hidden for a cleaner look).

Notes

Used by DefaultCard and IconCard
Non-interactive (cards are wrapped in Link; nested links invalid)
Terms displayed via formatTaxonomyTermLabel for readability