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
alis-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
Nombre | Clase | Preview |
---|---|---|
thin |
| Lorem ipsum |
extra-light |
| Lorem ipsum |
light |
| Lorem ipsum |
normal |
| Lorem ipsum |
medium |
| Lorem ipsum |
semi-bold |
| Lorem ipsum |
bold |
| Lorem ipsum |
extra-bold |
| Lorem ipsum |
black |
| Lorem ipsum |
Text align
Nombre | Clase |
---|---|
left |
|
center |
|
right |
|
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>