Button
The Button
component implements a simple pressable button that can be further decorated with a starting or ending icon.
Examples
This is just an example Button component, designed in the Plain Kit project. You have total freedom to design Plume components exactly as you'd want them to be, with your own unique variants and behaviors.
Switch to a different kit:
Plain Kit
Basic Button
Button with Start Icon
Button with End Icon
Button Props
Prop | Type | Description |
---|---|---|
children | React.ReactNode | Content of the Button |
startIcon | React.ReactNode | Icon to render at start of the Button |
endIcon | React.ReactNode | Icon to render at end of the Button |
isDisabled | boolean | Whether the Button is disabled |
elementType | React.ElementType | By default, the root is rendered as a button ; you can render it as a different element type instead |
href | string | Link URL to use if elementType is a |
target | string | Link target to use if elementType is a |
ref | PlumeButtonRef | Programmatic access to Button |
PlumeButtonRef
Method | Description |
---|---|
focus() | Focuses this button |
UNSAFE_getDOMNode() | Returns the root DOM element |
Build your own!
Build your own Button, designed in Plasmic, with the useButton
hook!