Saltearse al contenido

Divider

Línea en color.surface.border-strong — el mismo color de borde que usa el resto de los contenedores de Orbit.

Uso

ArribaAbajo
<orbit-divider></orbit-divider>
<orbit-divider orientation="vertical"></orbit-divider>

Vertical necesita una altura definida en el contenedor padre (ej. dentro de una Row/flex row) — no la impone por sí solo.

Tamaños

Escala cerrada (xs..xl, mismo patrón que OrbitButton) — controla el grosor de la línea. xs (1px) es el hairline original.

<orbit-divider size="xs"></orbit-divider>
<!-- xs | sm | md | lg | xl -->

Props

PropTipoDefaultDescripción
orientationOrbitDividerOrientation (Kotlin) / attr orientation (web)Horizontal / sin atributo"vertical" para orientación vertical.
sizeOrbitDividerSize (Kotlin) / "xs" | "sm" | "md" | "lg" | "xl" (web)Xs / "xs"Grosor de la línea — mismo patrón que OrbitButton.