Divider muestra un separador con una etiqueta opcional. Utiliza orientation="horizontal" entre secciones apiladas. Para un separador vertical, colócalo en una fila flex con una altura definida o determinada por el contenido; el diseño contenedor proporciona la altura disponible. label es un Input de cadena, no contenido proyectado.
Template generado: refleja las opciones anteriores. Abre Código para ver los imports y el estado completos.
Los datos estructurados, callbacks y templates se muestran en los ejemplos y en la API.
El código añade las opciones avanzadas cuando difieren del valor predeterminado. Los datos y valores de esta configuración aparecen en el estado del template.
La aplicación proporciona los Inputs y controla la interacción del entorno. Este componente no tiene modelos ni Outputs. La proyección de contenido y los templates de iconos se documentan por separado cuando existen.
El separador expone su orientación y no es enfocable ni redimensionable. No sustituye a un encabezado de sección ni a la estructura del documento. Utiliza encabezados y regiones para organizar contenido importante y Divider para reforzar el límite visual.
Tecla
Acción
—
Sin interacción de teclado propia; los botones y enlaces proyectados conservan su comportamiento de teclado.
Todos los Inputs públicos se extraen del paquete Core fijado. Los tipos con nombre enlazan con sus definiciones. Solo se enumeran las zonas de proyección y los templates públicos reales.
Inputs
Configura el componente con [propiedad]="valor". Tu aplicación proporciona estos valores; el componente no debe reemplazar el estado que le pasas.
Nombre
Tipo
Por defecto
Uso en el template
Descripción
label
string
''
[label]
Texto opcional dentro del separador; no es un template de contenido.
orientation
"horizontal" | "vertical"
'horizontal'
[orientation]
Orientación horizontal o vertical del separador.
Templates
ng-content proyecta contenido dentro del componente. Los inputs TemplateRef reciben un template; las directivas ng-template identifican templates con un contexto tipado. Una directiva compartida en el entrypoint no es necesariamente un slot de este componente.
Este componente no expone proyección de contenido ni templates públicos de personalización.
El token público de borde controla la línea, el texto secundario controla la etiqueta y los tokens de espaciado separan ambos. Los separadores verticales necesitan un contenedor flex que les permita estirarse, como muestra el código del ejemplo.
Tokens específicos
Este componente utiliza tokens compartidos del tema en lugar de tokens específicos.
Tokens compartidos utilizados
Sobrescríbelos en un contenedor local para afectar a este ejemplo. Una modificación en :root afecta a los demás componentes que utilizan el mismo token.
Token
Efecto aquí
Otros efectos
Valor / alternativa
--neu-border
Bordes normales de controles y celdas
Compartido con otros consumidores de Core; limita el cambio a un ámbito.
rgba(15, 23, 42, 0.08)
--neu-text-muted
Etiquetas secundarias y contenido de ayuda
Compartido con otros consumidores de Core; limita el cambio a un ámbito.
#475569
--neu-font-sans
Tipografía del texto
Compartido con otros consumidores de Core; limita el cambio a un ámbito.
