Skip to content
KansoMakado design system 1.1
makado.app

Content

Meta

One line of supporting detail: an icon, then text in detail-m, with parts joined by a middle dot.

Preview

Live, in this page’s themeOpen on its own

Props

PropTypeDescription
iconIconName
itemsReact.ReactNode[]
size'S' | 'M'
classNamestring
childrenReact.ReactNode

Guidelines

One line of supporting detail: an icon, then text in detail-m, with parts joined by a middle dot.

Provide: icon, children or items, and size (S or M).

  • Dates as "Oct 24, 2026" (drop the year when it is this year), times as "10:00 AM", money as "$1,200".