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

Aqua Constants

These constants encapsulate default configuration objects reusable behaviors, ensuring consistency and reducing boilerplate when implementing interactive UI elements.

POPOVER_CONFIG

Is a default configuration object of type IPopover used for popover default configuration.

It defines the expected behavior, positioning, and style for any floating element instance using the Aqua popover system.

{
  trigger: 'click',
  placement: 'right',
  maxWidth: 'none',
  theme: 'aqua',
  arrow: false,
  appendTo: document.body,
  customMount: instance => {
    console.log('My own mount function', instance);
  },
};

TOOLTIP_CONFIG

Is a default configuration object of type IPopover used for popover default configuration.

It defines the expected behavior, positioning, and style for any floating element instance using the Aqua popover system.

{
  placement: 'top',
  trigger: 'mouseenter',
  animation: 'shift-away',
  theme: 'material',
  hideOnClickOutside: true,
  appendTo: document.body,
}

On this page

✨ Design together. Build together. Speak the same language. ✨