Texto

    Utilice el símbolo de componente de texto para mostrar el contenido de un título o cadena de párrafo que no sea interactivo, como el contenido de un artículo de noticias o una publicación de blog.

    Demostración de texto

    Título y párrafo

    El texto viene en dos variantes distintas para Títulos y Párrafos.

    Tamaños de los títulos

    Los títulos de texto vienen en seis tamaños preestablecidos, desde el H1 más grande hasta los H5 y H6, mucho más pequeños.

    Después de insertar un Título, asegúrese de darle la altura correcta para el tamaño elegido. | Tamaño | Altura de píxel | | -- | ----- | | H1 | 170px | | H2 | 85px | | H3 | 68 píxeles | | H4 | 42px | | H5 | 36px | | H6 | 31px |

    Tamaños de párrafo

    Los párrafos de texto vienen en tres tamaños preestablecidos: un Cuerpo 1 más grande, un Cuerpo 2 más pequeño y un Título pequeño que se usa para anotar imágenes y títulos.

    Después de insertar un Párrafo, asegúrese de darle una altura correcta para el tamaño elegido y de acuerdo con la longitud del contenido del texto. Si el párrafo abarca varias líneas de texto, multiplique el valor de la siguiente tabla por el número de líneas que tenga. | Tamaño | Altura de píxel | | ------- | ------------ | | Cuerpo 1 | 24 píxeles | | Cuerpo 2 | 21 píxeles | | Título | 19 píxeles |

    Estilismo

    Los títulos y párrafos vienen con una flexibilidad de estilo limitada a través de las opciones, lo que permite elegir solo entre los ajustes preestablecidos de peso y color del texto disponibles en la parte de Tipografía de la biblioteca de Estilo.

    Uso

    Elija siempre el color del texto del párrafo que haga que un hipervínculo se destaque si los dos se usan juntos. Evite usar el mismo color o matices similares y elija colores de título y párrafo consistentes en todo el diseño. Utilice el tamaño de título de párrafo solo para anotaciones de una línea y evite utilizar tamaños de fuente tan pequeños para cadenas más largas de varias líneas.

    Hacer No

    Codigo de GENERACION

    Esta sección describe algunas anulaciones importantes y cómo afectan la generación de código.

    Advertencia

    Es muy probable que activar Detach from Symbol en una instancia del texto del título o del párrafo en su diseño resulte en la pérdida de la capacidad de generación de código para el texto del título o del párrafo. Para que la generación de código pueda coincidir con su diseño en Sketch, asegúrese de que sus títulos y párrafos tengan una altura adecuada que sea la misma que el contenido necesita representar.

    Texto

    La propiedad Texto puede contener texto, o una combinación de ambos, ejemplos:

    • Ajustes
    • {etiqueta de configuración}
    • Importante {labelText}

    Recursos adicionales

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.