Dropdowns
Mon, June 29, 2026

Dropdowns

A comprehensive showcase of premium animated context menus, menu alignments, solid and ghost variants, split buttons, size arrays, and custom content wrappers.

Single Button & Color Variants

Dropdown menus attached to standard solid buttons, customized with clinical palette variations.

Split Button Dropdowns

Dividing a button into a primary click action on the left and a dropdown toggle trigger on the right.

Menu Alignment

Aligning dropdowns to drop towards the left (start) or align perfectly on the right (end) border edge.

Dropdown Sizing

Dropdown toggles scaled across different button sizes (Large, Medium, Small).

Direction Variations

Expanding menus upwards (dropup), to the right (dropend), or to the left (dropstart) of the button.

Active, Disabled & Auto Close Modes

Item states (active and disabled) and toggle behaviors to keep the menu open or close on clicks.

Custom Menu Options (Forms & Toggles)

Enclosing rich elements like checkbox switches, custom headers, text descriptions, or inputs inside dropdown panels.