svg icons for ADEO design system

ADEO Design system icons for Vue usage

Mozaic-Vue is the Vue.js implementation of ADEO Design system

ADEO Design system icons for Svelte and Web Components usage

<p align="center"> <img alt="ADEO Design system - Angular library" src="./.storybook/assets/sidebar-logo.svg" /> </p>

<p align="center"> <img alt="ADEO Design system - Chart library" src="./.storybook/assets/adeo-design-system-chart-banner.svg" /> </p>

Design Tokens for Mozaic, the Adeo's Design System

SCSS files for Mozaic, the Adeo's Design System

all sketch libraries required to work with the ADEO design system

Web component Mozaic DS implementation

<div align="center"> <img alt="ADEO Design system - Angular library" src="projects/mozaic-ng/.storybook/assets/sidebar-logo.svg" /> </div>

A loader is a visual indicator used to inform users that a process is in progress, typically during data fetching, page loading, or background operations. It provides feedback that the system is working, helping to manage user expectations and reduce perc

React implementation of the Mozaic Design System

A tooltip is a small, contextual message that appears when users hover over or focus an element, providing additional information without cluttering the interface. Also known as hint, info tip, or hover label.

A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pic

Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used.

A Segmented Control allows users to switch between multiple options or views within a single container. Also known as toggle group, option selector, button segments, or view selector.

Pagination is a navigation component that allows users to browse through large sets of content by dividing it into discrete pages. Also known as pager, page navigator, or page selector.

Our design system is used about all our open source and commercial products. It creates a consistent brand identity and speeds up our ability to generate high quality interfaces.

Multi-brand theme tokens (Leroy Merlin, Adeo) for the @ptlm-azulejo components, aligned with the Mozaic Design System.