Aqua DS - Component Library

Quick Start

Framework Implementation

WebComponents

Vue 3

React

Angular

Components

Data Types

Directives

Style Customization

Theming

Custom Styles

Icons

FAQ

Aqua Basis

Aqua Composition

Font

<aside>

aq-font-size-8xl

<span class="aq-font-size-8xl">¡This is a example text! The font change the variables</span>

aq-font-size-7xl

<span class="aq-font-size-7xl">¡This is a example text! The font change the variables</span>

aq-font-size-6xl

<span class="aq-font-size-6xl">¡This is a example text! The font change the variables</span>

aq-font-size-5xl

<span class="aq-font-size-5xl">¡This is a example text! The font change the variables</span>

aq-font-size-4xl

<span class="aq-font-size-4xl">¡This is a example text! The font change the variables</span>

aq-font-size-3xl

<span class="aq-font-size-3xl">¡This is a example text! The font change the variables</span>

aq-font-size-2xl

<span class="aq-font-size-2xl">¡This is a example text! The font change the variables</span>

aq-font-size-xl

<span class="aq-font-size-xl">¡This is a example text! The font change the variables</span>

aq-font-size-l

<span class="aq-font-size-l">¡This is a example text! The font change the variables</span>

aq-font-size-m

<span class="aq-font-size-m">¡This is a example text! The font change the variables</span>

aq-font-size-s

<span class="aq-font-size-s">¡This is a example text! The font change the variables</span>

aq-font-size-xs

<span class="aq-font-size-xs">¡This is a example text! The font change the variables</span>

aq-font-size-2xs

<span class="aq-font-size-2xs">¡This is a example text! The font change the variables</span>

</aside>