A compound button with a primary action and a dropdown menu for secondary actions. Combines Button and DropdownMenu into a single control.
Basic
import { SplitButton } from '@primstack/ui/split-button'
<SplitButton
onClick={() => save()}
options={[
{ label: 'Save as Draft', onClick: () => saveDraft() },
{ label: 'Save & Publish', onClick: () => savePublish() },
]}
>
Save
</SplitButton>Save with options
import { SplitButton } from '@primstack/ui'
<SplitButton
label="Save"
onClick={save}
options={[
{ label: 'Save as draft', onClick: saveDraft },
{ label: 'Save and publish', onClick: saveAndPublish },
]}
/>