Skip to content
KansoMakado design system 1.1
makado.app

Navigation

SectionHeader

A section title in heading-s with an optional one-line description and a link on the right.

Preview

Live, in this page’s themeOpen on its own

Props

PropTypeDescription
titleRequiredReact.ReactNode
descriptionReact.ReactNode
size'S' | 'M'
level2 | 3 | 4
idstring
classNamestring
childrenReact.ReactNode

Guidelines

A section title in heading-s with an optional one-line description and a link on the right.

Provide: title, description, size (M for top-level desktop sections), id (to label the section), and a standalone Link as children.

  • Leave 32px above a section and 12 to 16px below its header.