co-tab
This content is not available in your language yet.
Ver código
<co-tab label="Ejemplo"></co-tab>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
badge | badge | string | undefined | — | Optional count/badge pill rendered after the label |
disabled | disabled | boolean | false | Disabled state |
iconLeft | icon-left | string | undefined | — | Left icon (Phosphor name) |
iconRight | icon-right | string | undefined | — | Right icon (Phosphor name) |
label | label | string | '' | Tab label |
selected | selected | boolean | false | Whether this tab is active/selected |
size | size | "large" | "small" | 'small' | Size |
value | value | string | '' | Tab value (used for selection) |
variant | variant | "pill" | "segmented" | "underline" | 'pill' | Visual variant: filled pill (default), underline tab, or segmented-control pill |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|---|---|---|---|
coTabSelect | string | ✓ | ✓ | Emitted when tab is clicked |
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(badge) | |
::part(tab) |
CSS Custom Properties
Este componente no expone CSS custom properties.