DRYL COMPONENTS
Color mode: System — switch to light
2.23.0
Actions

DrylSplitButton

AI-aware

A primary action joined to a caret that opens a DrylMenu of secondary variants — the canonical "Save ▾" pattern, composed from the existing DrylButton and DrylMenu primitives. Both segments share variant, size and AI state, so they always read as one control.

Save ▾ — the primary action plus its variants

The main button commits the default action; the caret offers the variants of it. Put DrylMenuItems in the MenuItems slot.

Last action: —

Variants

Variant styles both segments at once. Secondary and Ghost segment most cleanly; Primary and Danger work too.

Last action: —

Sizes

Size applies to the main button and the caret together, so the joined control keeps one height.

States

Loading spins the main action while the caret stays available; Disabled switches off both segments.

Loading spins the main action only — the caret stays usable. Disabled greys out both segments.

AI mode

Ai and Aura are resolved once and handed to both halves — the two segments can never light differently.

State: Thinking · Aura: Comet — both segments always light together.

An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s