Atom

Section

Semantic <section> wrapper with ks-semantic class. Provides accessibility landmark. Used by FilterPanel, Sparkline.

Knobs

Density

Locale

Live Preview

Section landmark Content goes here

Code (Katagami DSL)

Section {
  VStack {
    Text("Content goes here")
  }
}

Props

Name	Type	Default	Description
role	SemanticRole	section	section \| article \| aside \| main
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In