Componente Título (versión 1) title-component-v
El componente principal Título es un componente de encabezado de sección que incluye la edición in situ.
Uso usage
El componente Título está diseñado para utilizarse como título o encabezado de una sección de contenido.
El autor de la plantilla puede definir los niveles de encabezado disponibles en el cuadro de diálogo de diseño. El editor de contenido puede seleccionar entre los niveles de encabezados disponibles en el cuadro de diálogo de edición. Para ofrecer una mayor comodidad, también está disponible la edición in situ simple del texto del encabezado.
Versión y compatibilidad version-and-compatibility
Este documento describe la versión 1 del componente Título, introducido originalmente con la versión 1.0.0 de los componentes principales con AEM 6.3.
La siguiente tabla enumera la compatibilidad de la versión 1 del componente Título.
Salida del componente de ejemplo sample-component-output
El siguiente es un ejemplo tomado de We.Retail.
Captura de pantalla screenshot
HTML html
<div class="cmp cmp-title aem-GridColumn aem-GridColumn--default--12">
<h2>Welcome! This is our finest equipment!</h2>
</div>
JSON json
"title": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/content/title",
"jcr:title": "Welcome! This is our finest equipment!",
"type": "h2"
}
Cuadro de diálogo de edición edit-dialog
El cuadro de diálogo de edición permite al autor del contenido definir el texto del título, así como seleccionar el nivel de encabezado.
El editor in situ también se puede utilizar para editar el texto del componente de título.
Cuadro de diálogo de diseño design-dialog
El cuadro de diálogo de diseño permite al autor de la plantilla definir el nivel de encabezado predeterminado que tendrán los componentes de título cuando los creen los autores de contenido.
Detalles técnicos technical-details
La documentación técnica más reciente sobre el componente Título se encuentra en GitHub.
Todo el proyecto de componentes principales se puede descargar desde GitHub.
Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.