List Group
Live preview and documentation for the List Group component.
Preview
componentPreview.loading
About
A vertical list of selectable options, rendered inline rather than as a floating overlay — use it for a contact/file picker or an always-visible settings-style group of rows.
items: a list ofKasyListGroupItem(title, optional description, optionalleading/trailing).variant(per item):normal(default) ordanger(tints the title/icon in the error color, for destructive actions).selected(per item): highlights the row with a primary-colored background and border.enabled(per item): whenfalse, dims the row and removes interaction.onTap(per item): makes the row tappable; without it the row is static content (no hover/cursor).
Each KasyListGroupItem manages its own hover/focus/selection/disabled state; KasyListGroup only handles spacing and grouping.
Last updated on 08/23/2026

