Live Docs

Navigation /

stable

App Launcher

Launcher grid untuk pindah cepat antar aplikasi dalam satu ekosistem produk.

import { AppLauncher } from "@naraya/ui";

Examples

Default trigger

<AppLauncher apps={apps} />

Custom trigger and title

<AppLauncher
  apps={apps}
  title="Choose Workspace"
  trigger={<Button size="sm">Apps</Button>}
/>

Props

PropTypeDefaultDescription
apps*AppLauncherApp[]Daftar app launcher item.
titlestring"Naraya Apps"Judul panel.
triggerReactNodeKonten custom tombol trigger.
classNamestringClass tambahan wrapper.
AppLauncherApp.id*stringID unik app.
AppLauncherApp.label*stringNama app.
AppLauncherApp.iconReactNodeIkon app.
AppLauncherApp.hrefstringLink tujuan app.
AppLauncherApp.onClick() => voidHandler custom click app.

Tokens Used

--bg-surface

Panel dan item background

--border-subtle

Panel border

--shadow-lg

Overlay elevation

--color-primary

Hover/active accent

Accessibility

  • Trigger memakai aria-haspopup='dialog' dan aria-expanded.
  • Panel menutup saat klik di luar atau Escape.
  • Pastikan label tiap app cukup unik agar mudah dikenali screen reader.