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

🧩 Components

Aqua DS provides 8 components groups designed to help build fast, clean, and design-consistent user interfaces. These components are web standard-based and optimized for integration across major frontend frameworks.

They are organized by functional categories to simplify their usage and discovery during development.

<aside> ⚡

Actions

Interactive elements like buttons that trigger user actions.

AqButton

AqButtonGroup

AqButtonSplit

AqDropdown

AqToggle

AqTreeMenu

AqVoicePlayer

</aside>

<aside> 🗂️

Data

Components to display or organize structured information.

AqCard

AqCollapse

AqCollapseGroup

AqPagination

AqSettingStep

AqTable

</aside>

<aside> 📝

Forms

Input and control components designed for data entry, validation, and user submission.

AqAutocomplete

AqCheckbox

AqCheckboxButton

AqCheckboxCard

AqCheckboxGroup

AqCodeEditor

AqDatePicker

AqFieldGroup

AqFlagSelector

AqNumberField

AqRadio

AqRadioGroup

AqRadioButton

AqRadioCard

AqSearchBar

AqSlider

AqTagField

AqTextField

</aside>


Playground

Each component includes its own playground section, where you can interact with its attributes and properties. In this section, you can also view the generated code in the Code tab.

Example of playground usage within the components.

Example of playground usage within the components.

<aside> ⚠️

</aside>