Navigation

CSCommandPalette

Палитра команд для поиска и запуска действий.

Предпросмотр

Интерактивный компонент

Использование

Vue · публичный API CS UI Kit

<CSCommandPalette
  :groups="[
    {
      id: 'workspace',
      label: 'Рабочая область',
      items: [
        { label: 'Открыть проекты', icon: 'i-lucide-folder-kanban', kbds: ['meta', 'P'] },
        { label: 'Найти участника', icon: 'i-lucide-users' },
      ],
    },
    {
      id: 'actions',
      label: 'Действия',
      items: [
        { label: 'Создать задачу', icon: 'i-lucide-list-plus' },
        { label: 'Настройки', icon: 'i-lucide-settings' },
      ],
    },
  ]"
  placeholder="Найти действие..."
/>

Пример использует компонент библиотеки. Подключите Nuxt-модуль `@cassoft-support/cs-platform-ui-kit/nuxt` или импортируйте компонент из публичного package entry.