@diemmea/dma-design-system v0.17.20
DMA Design System
Il DMA Design System è un set di componenti UI riutilizzabili progettato per garantire coerenza e scalabilità nelle applicazioni. È stato creato utilizzando Storybook per documentare e testare i componenti visivamente.
Prerequisiti
Prima di iniziare, assicurati di avere installato:
- Node.js versione
16o superiore - npm (incluso con Node.js)
Installazione
Clona il repository:
git clone <URL-del-repository> cd dma-design-systemInstalla le dipendenze:
npm install- Avvia Storybook: Questo comando avvierà un server locale su cui è possibile visualizzare e interagire con i componenti.
npm run storybookBuild automatica
La build del progetto viene gestita automaticamente tramite GitHub Actions.
Come generare una nuova build
- Apri il file
package.json. Incrementa il numero di versione:
Esempio:
{ "version": "1.2.3" }
Chromatic
Utilizziamo Chromatic per visualizzare e condividere i componenti del DMA Design System attraverso URL accessibili. Questo ci permette di:
- Condividere facilmente i componenti: Ogni componente può essere visualizzato tramite un link, semplificando la collaborazione tra sviluppatori, designer e stakeholder.
- Snapshot Testing: Chromatic esegue snapshot visivi dei componenti, aiutando a rilevare eventuali cambiamenti indesiderati nel design.
- Versionamento e approvazione: I cambiamenti ai componenti possono essere confrontati, revisionati e approvati direttamente nell'interfaccia di Chromatic.
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
10 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago