kapable

IconButton

Actions · 1 export · v0.1.0 · showcase

Native square button for glyph-only actions with a required accessible name and pending state.

Browse 72 component families

Preview

Usage

<IconButton label="Refresh deploys">↻</IconButton>

IconButton props
prop	type	notes
label	string	Accessible name for the icon-only control.
children	RemixNode	Icon glyph; always hidden from the accessibility tree.
variant?	'quiet' \| 'secondary' \| 'danger'
size?	'sm' \| 'md' \| 'lg'
type?	'button' \| 'submit' \| 'reset'
disabled?	boolean
name?	string
value?	string
form?	string
formAction?	string
formEncType?	string
formMethod?	string
formNoValidate?	boolean
formTarget?	string
pending?	boolean	Externally controlled submission state.
pendingLabel?	string	Accessible name while pending; defaults to `label`.
title?	string
mix?	MixInput