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!