Overlay / COMPONENT

Dropdown

Web · implementedDesktop · preview

Menu kontekstual yang muncul dari trigger tertentu.

import { Dropdown } from "./vendor/syne-ui/index.js";TypeScript ready

Try the controls above.

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Dropdown } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Dropdown label="Actions" items={[{ id: "edit", label: "Edit", onSelect: () => console.log("Edit") }, { id: "delete", label: "Delete", destructive: true }]} />
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.