Split Button | VantaUI

ProNew

Interact

Usage

Props

SplitButton

Prop	Type	Description
`children`	`React.ReactNode`	Label; defaults to "Discover our platform".
`inverted`	`boolean`	Reverse the diagonal seam. Default false.
`colors`	`SplitButtonColors`	Shared palette; omit for default blue.
`labelColors`	`SplitButtonColors`	Label palette; overrides colors.
`iconColors`	`SplitButtonColors`	Icon palette; overrides colors.
`icon`	`React.ReactNode`	Decorative icon; defaults to ArrowRightIcon.
`className`	`string`	Classes for the native button.
`labelClassName`	`string`	Classes for the label panel.
`iconClassName`	`string`	Classes for the icon panel.
`type`	`"button" \| "submit" \| "reset"`	Native type. Default "button".
`disabled`	`boolean`	Disable interaction. Default false.
`onClick`	`React.MouseEventHandler<HTMLButtonElement>`	Activation callback; preventDefault skips replay.
`ref`	`React.Ref<HTMLButtonElement>`	Forwarded native button ref.

SplitButtonColors

Prop	Type	Description
`from`	`string`	Gradient start CSS color.
`to`	`string`	Gradient end CSS color.
`foreground`	`string`	Text and icon CSS color.
`border`	`string`	Optional border; defaults to a 20% foreground mix.