co-separator

This content is not available in your language yet.

Demo

Ver código

<co-separator></co-separator>

Prop	Atributo	Tipo	Default	Descripción
`color`	`color`	`string \| undefined`	`—`	Custom color (any CSS color value or Cobalt token variable)
`dark`	`dark`	`boolean`	`false`	Dark mode variant
`inset`	`inset`	`boolean \| string`	`false`	Adds inset (inner margin) to the separator line. - true → 16px on both sides - 'item' → matches list item padding (56px left) - 'item-thumbnail' → matches item with thumbnail (72px left)
`size`	`size`	`string \| undefined`	`—`	Custom thickness (CSS value, e.g. '2px')
`spaced`	`spaced`	`boolean \| string`	`false`	Adds spacing (margin) around the separator. - true → 8px - 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' → predefined sizes - Any CSS value (e.g. '16px', '1rem')
`vertical`	`vertical`	`boolean`	`false`	Orientation: horizontal (default) or vertical

Este componente no emite eventos personalizados.

Este componente no expone slots.

Part	Descripción
`::part(separator)`

Este componente no expone CSS custom properties.