Nexub DS

Components · Actions

A primary action with related secondary actions behind a chevron, as one connected control.

import { Split Button } from '@nexub/react';

Examples

Prop	Type	Default	Required	Description
menuLabel	string	—	✓	Accessible name of the menu toggle, e.g. "More save options".
menu	ReactNode	—	✓	`DropdownMenu.Item`s for the secondary actions.
align	'start' \| 'end'	'end'	—	Menu alignment against the toggle.
variant / size / tone	Button props	—	—	Applied to both halves.

Components · Actions

A primary action with related secondary actions behind a chevron, as one connected control.

import { Split Button } from '@nexub/react';

Prop	Type	Default	Required	Description
menuLabel	string	—	✓	Accessible name of the menu toggle, e.g. "More save options".
menu	ReactNode	—	✓	`DropdownMenu.Item`s for the secondary actions.
align	'start' \| 'end'	'end'	—	Menu alignment against the toggle.
variant / size / tone	Button props	—	—	Applied to both halves.