Work in progressNumori is being built in the open. Nothing is on sale yet and most apps are unfinished.See what's ready

Numori

UiDropdownRow

A horizontal row of dropdown actions.

Overlays View source (opens in a new tab)
Contents

Lays out several action buttons (and optional dividers) side by side within a dropdown panel.

Examples

Icon actions

A row of ghost icon buttons inside a panel.

<div class="w-56 rounded-xl border border-gray-200 bg-white p-1 shadow-card dark:border-gray-700 dark:bg-gray-900">
  <UiDropdownRow>
    <UiButton variant="ghost" color="gray" icon-only aria-label="Bold"><UiIcon name="mdi:format-bold" class="w-5 h-5" /></UiButton>
    <UiButton variant="ghost" color="gray" icon-only aria-label="Italic"><UiIcon name="mdi:format-italic" class="w-5 h-5" /></UiButton>
    <UiButton variant="ghost" color="gray" icon-only aria-label="Link"><UiIcon name="mdi:link-variant" class="w-5 h-5" /></UiButton>
  </UiDropdownRow>
</div>

Props

This component takes no props.

Slots

SlotDescription
defaultAction buttons (and optional dividers) to lay out horizontally.