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

Margin

<aside>

Margin generic

aq-margin-basic

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

aq-margin-small

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

aq-margin-minor

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

aq-margin-medium

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

aq-margin-moderate

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

aq-margin-large

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

aq-margin-big

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

aq-margin-extra

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

</aside>

<aside>

Margin top

aq-margin-basic-top

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

aq-margin-small-top

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

aq-margin-minor-top

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

aq-margin-medium-top

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

</aside>

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>