Docs

Dropdown

The Dropdown Menu surface — the visual half of the Base-UI-backed Menu (click-triggered command menu). Named .dropdown* to avoid colliding with the static .menu nav-list component.

Real use · row actions menu

Glass · frosted menu

Using Dropdown

Silica ships one design system through three paths. They share a class vocabulary but are not interchangeable — pick the one that matches what you are building.

Plain HTML — CSS classes

The Tailwind v4 plugin. Works in any framework or none — Rails, Django, PHP, Go, a static file. This path ships no JavaScript, so a component that needs interaction is styled but inert.

/* in your CSS */
@import "tailwindcss";
@plugin "@wizeworks/silicaui";

Root class dropdown, with 4 modifiers:

  • .dropdown
  • .dropdown-item
  • .dropdown-item-arrow
  • .dropdown-label
  • .dropdown-separator

The full API for Dropdown, on every path, is available through the Silica MCP server.