KasyKasy

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 of KasyListGroupItem (title, optional description, optional leading/trailing).
  • variant (per item): normal (default) or danger (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): when false, 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

On this page