EUAA Design System

Components

Components are the building blocks of the Design System and help create a consistent look and feel across EUAA applications.

Components resources

Make sure you have everything you need to start using the components.

CSS

EUAA on Bitbucket

Webfonts

"Open Sans" on Google Fonts

HTML

You will find the code of each component on its page.

Theme Switcher

All components can be previewed in the different EUAA application colours. The theme can be changed with the dropdown menu when viewing a component.

All Components

Accordions are panels that can expand and collapse.

Badges represents statuses and notifications.

Indicates the page location.

A button triggers an event or an action. Various button styles available.

Various form elements like text box, checkbox and radio buttons.

Loading Indicator

This indicates an ongoing process.

Message boxes showing information, alerts, successful and error messages.

Different content areas to make the content stand out.

Step wizard can be horizontal or vertical.

Displaying of data in rows and columns.

Content organised in different screens.

Toggles offer 2 states from where the user can choose from.

This component displays informative text when the use hovers over an element.