@mozaic-ds/angular

ADEO Design system - Angular

A library of Angular components implementing ADEO Design system guidelines.

🎨 Getting started

ADEO Design system is a global and collaborative design system that facilitates the designer and developer experience, enabling them to create universal interfaces perfectly aligned with the business strategy of Adeo.

📦 Install

To install the Angular library in your project, you will need to run the following command using npm:

npm i @mozaic-ds/angular

Or with Yarn:

yarn add @mozaic-ds/angular

📝 Usage

Import the styles in styles.scss

@use '@mozaic-ds/tokens/adeo/theme' as *;
@use '@mozaic-ds/styles/tools/t.font' as *;
@use '@mozaic-ds/tokens' as *;

To import and use a component, you can proceed as follows:

<script setup lang="ts">
import { MozButtonComponent } from '@mozaic-ds/angular';
</script>

<template>
  <button moz-button>This is a Mozaic Button</button moz-button>
</template>

Find the complete list of our components.

And all the available components are showcased in our Storybook.

📰 Changelog

Releases are managed with GitHub Releases, including the changelog for each one.
Access to the Changelog to find out about the detailed changes to each release.

📣 Stay in touch

• Join the #mozaic-angular channel on Slack
• Join the #mozaic-support channel on Slack
• Follow our KEYS page

🐞 Bugs and feature requests

Have a bug or a feature request?
Please open an issue and use the template associated with your request.

However, if you are able to contribute and fix bugs, build new features, or help to improve the project documentation, feel free to do it! (more information below)

✍️ Contributing

Setup the project to start contributing.

// Clone the repo
$ git clone [e-mail]:adeo/mozaic-angular.git

// Go to the cloned directory
$ cd mozaic-angular

// Checkout the branch you are working on
$ git checkout <branch name>

// Install dependencies
$ npm install

We're always looking for contributors to help us fix bugs, build features, or help us improve the documentation. If you're intersted check out our Code of Conduct and Contribution Guide.

🧑‍💻 Contributors

Owners

ADEO Design system Team

Maintainer

• Maxime Moiroux
• Baptiste Goulard

📄 Licensing

This project is licensed under the Apache V2 License. See LICENSE for more information.