Saltar al contenido principal

Textos

Configura los tamaños, alineaciones y otras propiedades de los textos

Headings

Se tienen disponible los siguientes elementos:

  • <h1> al <h7>
  • Clase de .h1 al .h7
  • Clase de is-font-size-1 al is-font-size-7
info

Para ver los tamaños disponibles visitar la documentacion de personalizar textos

Ejemplos

Título 1

Título 2

Título 3
Título 4
<h1>Título 1</h1>
<h2>Título 2</h2>
<div className="h3">Título 3</div>
<div className="is-font-size-4">Título 4</div>

Font weight

NombreClasePreview
thin
is-font-thin
Lorem ipsum
extra-light
is-font-extra-light
Lorem ipsum
light
is-font-light
Lorem ipsum
normal
is-font-normal
Lorem ipsum
medium
is-font-medium
Lorem ipsum
semi-bold
is-font-semi-bold
Lorem ipsum
bold
is-font-bold
Lorem ipsum
extra-bold
is-font-extra-bold
Lorem ipsum
black
is-font-black
Lorem ipsum

Text align

NombreClase
left
is-text-left
center
is-text-center
right
is-text-right
justify
is-text-justify

Ejemplo

Texto centrado
Texto izquierda
Texto derecha
<div class="is-text-center">Centered text</div>
<div class="is-text-right">Texto izquierda</div>
<div class="is-text-left">Texto derecha</div>