RUI.next

Data-Entry
Button

Button

Button to trigger an operation.

<Button>default button</Button>
<Button>default button</Button>

Example

Basic usage of Button component.

API

PropertiesDescriptionTypeDefault
typeit could be set to primary, ghost, warning or omittedstring-
sizeit could be set to largesmall or omittedstringlarge
activeStylethe feedback's custom style (set to false to disable click feedback){}/boolean{}
activeClassNamethe feedback's custom class namestring
disabledset disabled statebooleanfalse
onClickset the handler to handle click event(e: Object): void-
stylecustom styleObject-
inlinewhether set as an inline buttonbooleanfalse
roundwhether set as a round buttonbooleanfalse
loadingwhether set loading statebooleanfalse
iconit could be one type value of the Icon Component or any valid React.Element. (Note: It will be overwritten by the loading config setting)string/React.Element-
prefixClsthe prefix classstringr-button
classNamethe css class namestring''