Dropdown

Anchored action menu.

Loading dropdown…

Installation

terminal

npx felicityui add dropdown --platform react

Usage

example.tsx

import { Button } from "@/components/ui/button"

<Button>Button</Button>

Felicity treatment: paper/ink surfaces, copper accent sparingly, hairline borders.

API Reference

Prop	Type	Default	Description
className	string	—	Additional classes.

Accessibility

WCAG 2.2 AA

Native semantics and keyboard support.
Visible focus indicator.
Sufficient contrast on semantic token pairs.

Platform notes

React

Native HTML with Felicity semantic tokens. Paper/ink surfaces, copper accent used sparingly, hairline borders, and ruled layouts — not generic SaaS chrome.

Client component (interaction).
Uses data-slot attributes for anatomy.
Focus-visible rings use color.focus.ring.