Glowup
ACTIONS · 22 / 89
SplitButton
SplitButton — a Material You actions component for React Native and web.
󱀫
packages/ui/src/components/SplitButton.tsx
Live demo
Properties
3 controls
Label
Mode
Filled
󰍝
Disabled
Usage
SplitButton.tsx
<SplitButton> Save </SplitButton>
Variants
The states and shapes this component is meant to be used in.
Filled
Tonal
Outlined
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
9 on SplitButtonProps
Filter props
󰍉
children
required
string
The primary action's label.
items
required
MenuItem[]
The related actions the trailing half opens.
onPress
required
() => void
The primary action.
disabled
boolean
default: false
iconName
MaterialCommunityIconsGlyphs
Leading icon of the primary action.
menuAccessibilityLabel
string
default: "More options"
Accessible name of the trailing half. Defaults to `"More options"`.
mode
"filled" | "tonal" | "outlined"
default: "filled"
Defaults to `"filled"`.
style
StyleProp<ViewStyle>
testID
string
󰅁
Previous
ButtonGroup
Next
Input
󰅂