index.en-us.md

SplitButton

• category: Components
• family: General
• chinese: 分隔按钮
• type: Basic

---

User Guide

SplitButton is kind of GroupButton, only the icon part could be trigerred by user behavior.

API

SplitButton

Param	Descripiton	Type	Default Value
size	Size of button option: 'small', 'medium', 'large'	Enum	'medium'
type	Typeo of button option: 'normal', 'primary', 'secondary'	Enum	'normal'
label	Text in button	ReactNode	-
component	The html tag to be rendered option: 'button', 'a'	Enum	-
ghost	Setting ghost button option: 'light', 'dark', false, true	Enum	-
defaultSelectedKeys	Default selected items, as Menu	Array	[]
selectedKeys	Selected items, as Menu	Array	-
selectMode	Select mode of menu option: 'single', 'multiple'	Enum	-
onSelect	Callback when select the menu，see Menu signature: Function() => void	Function	-
onItemClick	Callback when click the menu，see Menu signature: Function() => void	Function	-
triggerProps	The props of trigger element	Object	-
autoWidth	If popup width equals to button width	Boolean	true
visible	Visible state of the popup	Boolean	-
defaultVisible	Default visible state of the popup	Boolean	-
onVisibleChange	Callback when visible state change signature: Function(visible: Boolean, reason: String) => void parameters: visible: {Boolean} visible state of the popup reason: {String} reason to change visible state	Function	func.noop
popupTriggerType	Trigger type of popup option: 'click', 'hover'	Enum	'click'
popupAlign	Align of popup, @see Overlay doc for detail	String	'tr br'
popupStyle	Custom style of popup	Object	-
popupClassName	Custom className of popup	String	-
popupProps	Props of popup	Object	{}
followTrigger	follow Trigger or not	Boolean	-
menuProps	Props of Menu	Object	{}
leftButtonProps	Props of left button	Object	{}