co-button
This content is not available in your language yet.
Ver código
<co-button label="Guardar" variant="primary"></co-button>
<co-button label="Cancelar" variant="stroke"></co-button>
<co-button label="Ver más" variant="ghost" icon-right="arrow-right"></co-button>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
disabled | disabled | boolean | false | Disabled state |
iconLeft | icon-left | string | undefined | — | Phosphor icon name for the left position (e.g. "plus", "arrow-left") |
iconRight | icon-right | string | undefined | — | Phosphor icon name for the right position (e.g. "arrow-right", "download") |
iconWeight | icon-weight | "bold" | "duotone" | "fill" | "light" | "regular" | "thin" | 'regular' | Icon weight applied to both iconLeft and iconRight |
label | label | string | undefined | — | Text label (alternative to default slot) |
shape | shape | "rounded" | "square" | 'rounded' | Shape: pill or straight corners |
size | size | "l" | "m" | "s" | "xs" | 'm' | Size |
type | type | "button" | "reset" | "submit" | 'button' | HTML button type — use "submit" inside forms |
variant | variant | "ghost" | "primary" | "secondary" | "stroke" | 'primary' | Visual style |
Eventos
Este componente no emite eventos personalizados.
Slots
| Slot | Descripción |
|---|---|
(default) | Button label text |
CSS Parts
| Part | Descripción |
|---|---|
::part(button) |
CSS Custom Properties
Este componente no expone CSS custom properties.