co-icon-button

Demo

Ver código

<co-icon-button icon="bell" variant="outlined"></co-icon-button>
<co-icon-button icon="gear" variant="ghost"></co-icon-button>
<co-icon-button icon="plus" variant="primary"></co-icon-button>

API

Props

Prop	Atributo	Tipo	Default	Descripción
disabled	disabled	boolean	false	Disabled state
icon	icon	string | undefined	—	Phosphor icon name (e.g. "plus", "gear"). Renders co-icon inside the button.
iconWeight	icon-weight	"bold" | "duotone" | "fill" | "light" | "regular" | "thin"	'regular'	Icon weight
label	label	string	''	Accessible label
shape	shape	"rounded" | "square"	'rounded'	Shape: pill or straight corners
size	size	"lg" | "md" | "sm" | "xl" | "xs" | "xxs"	'md'	Size — maps to container dimensions: xl=80, lg=64, md=56, sm=48, xs=32, xxs=24
variant	variant	"filled" | "outlined"	'filled'	filled = dark background (negro), outlined = light background (blanco + border) Matches Figma: Secundario → filled, Primario → outlined

Eventos

Este componente no emite eventos personalizados.

Slots

Este componente no expone slots.

CSS Parts

Part	Descripción
::part(button)

CSS Custom Properties

Este componente no expone CSS custom properties.