KvalityUI

ActionsMenu

Меню действий из списка пунктов с иконками; триггер рисуете сами.

Живой код — редактируйте
<ActionsMenu
  triggerLabel="Действия с проектом"
  items={[
    { icon: <EditLineIcon />, label: 'Переименовать' },
    { icon: <FileCopyLineIcon />, label: 'Скопировать ключ' },
    { icon: <DeleteBinLineIcon />, label: 'Удалить' }
  ]}
/>

По умолчанию триггер — круглая кнопка «⋯» (triggerLabel задаёт подпись для скринридеров).

Свой триггер

Живой код — редактируйте
<ActionsMenu
  align="start"
  trigger={(open) => (
    <Button variant="outline" className="rounded-full">
      Управление
      <ArrowDownSLineIcon className={open ? 'rotate-180' : undefined} />
    </Button>
  )}
  items={[
    { icon: <EditLineIcon />, label: 'Сменить тариф' },
    { icon: <DeleteBinLineIcon />, label: 'Отменить подписку' }
  ]}
/>

Пропсы

Prop

Type

On this page