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

Padding

<aside>

Padding generic

aq-padding-basic

<span class="aq-padding-basic">Hello Aqua</span>

aq-padding-small

<span class="aq-padding-small">Hello Aqua</span>

aq-padding-minor

<span class="aq-padding-minor">Hello Aqua</span>

aq-padding-medium

<span class="aq-padding-medium">Hello Aqua</span>

aq-padding-moderate

<span class="aq-padding-moderate">Hello Aqua</span>

aq-padding-large

<span class="aq-padding-large">Hello Aqua</span>

aq-padding-big

<span class="aq-padding-big">Hello Aqua</span>

aq-padding-extra

<span class="aq-padding-extra">Hello Aqua</span>

</aside>

<aside>

Padding top

aq-padding-basic-top

<span class="aq-padding-basic-top">Hello Aqua</span>

aq-padding-small-top

<span class="aq-padding-small-top">Hello Aqua</span>

aq-padding-minor-top

<span class="aq-padding-minor-top">Hello Aqua</span>

aq-padding-medium-top

<span class="aq-padding-medium-top">Hello Aqua</span>

</aside>

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>