co-toggle-button

This content is not available in your language yet.

Demo

Ver código

<co-toggle-button label="Ejemplo"></co-toggle-button>

Prop	Atributo	Tipo	Default	Descripción
`disabled`	`disabled`	`boolean`	`false`
`iconLeft`	`icon-left`	`string \| undefined`	`—`
`iconRight`	`icon-right`	`string \| undefined`	`—`
`label`	`label`	`string \| undefined`	`—`
`selected`	`selected`	`boolean`	`false`
`selectedIconWeight`	`selected-icon-weight`	`"fill" \| "regular" \| undefined`	`—`	When set, the leading/trailing icon renders at this weight while the button is selected (e.g. 'fill' for the active segment of a track toggle).
`size`	`size`	`"l" \| "m" \| "s" \| "xs"`	`'m'`
`value`	`value`	`string`	`''`
`variant`	`variant`	`"connected" \| "track"`	`'connected'`	Visual variant. 'track' renders the button as a detached rounded pill for a sunken toggle-button-group track. Normally set by the parent group.

Evento	Detail	Bubbles	Cancelable	Descripción
`coToggle`	`{ value: string; selected: boolean; }`	✓	✓

Este componente no expone slots.

Este componente no expone CSS parts.

Este componente no expone CSS custom properties.