AGIA Design System
  • Handoff
  • Foundations
  • UI Components
  • Brand Assets
  • Changelog
  • Handoff
  • Foundations
    • Colors
    • Effects
    • Logos
    • Typography
  • UI Components
    • Alerts
    • Buttons
    • Modal dialogs
    • Tooltips
    • Checkboxes
    • Inputs
    • Radios
    • Selects
    • Switches
  • Brand Assets
    • Logos
    • Fonts
    • Iconography
  • Changelog
  • Components
  • Alerts
  • Buttons
  • Modal dialogs
  • Tooltips
  • Forms
  • Checkboxes
  • Inputs
  • Radios
  • Selects
  • Switches

UI Components

Element that represents a control that provides a menu of options, collection of UI components used.

Icon for hero-components
Icon for component-alert
Alerts

Alerts are used to communicate a state that affects a system, feature or page. They are used to provide feedback about an action that has taken place.

Icon for component-button
Buttons

Buttons allow users to take actions and make choices, with a single click.

Icon for component-modal
Modal dialogs

Modal dialogs present popup information to inform users of important information and sometimes allow the user to take action.

Icon for component-tooltip
Tooltips

Informative message that appears when a user interacts with an element.

Icon for component-checkbox
Checkboxes

Checkboxes create an on/off boolean switch that can be built into array.

Icon for component-input
Inputs

Form input controls like <input> and <textarea>. These fields will allow users to submit short and long form text input.

Icon for component-radio
Radios

Radios create an on/off boolean switch that can be built into array.

Icon for component-select
Selects

Selects create dropdowns for selecting a single entry from a list.

Icon for component-switch
Switches

Switches render a single boolean toggle that has an off state and an on state.