UiListMenu

A grouped list container.

Contents

A container that groups UiListMenuItem rows under an optional label, with rounding and a settings preset.

Examples

Settings list

A grouped list of rows with icons.

Account

Profile
Notifications
Privacy
<UiListMenu label="Account" class="max-w-sm">
  <UiListMenuItem icon="mdi:account-outline" clickable>Profile</UiListMenuItem>
  <UiListMenuItem icon="mdi:bell-outline" clickable>Notifications</UiListMenuItem>
  <UiListMenuItem icon="mdi:lock-outline" clickable>Privacy</UiListMenuItem>
</UiListMenu>

Props

NameTypeDefaultDescription
labelstring''Group heading.
dangerbooleanfalseStyle the group as destructive.
roundedstring'xl'Corner rounding. xllgnone
presetstring'default'Visual preset. defaultsettings

Slots

SlotDescription
defaultList items (typically UiListMenuItem components).