Design System AP-HP

Web Components agnostiques framework, distribués en ES modules depuis ce cluster.

Versions disponibles

v0.1 (current)

Démos

Mock UI Visio AP-HP — montre l'usage des 5 composants dans un layout type visio

Consommation

<!-- En tête de page -->
<link rel="stylesheet" href="https://ds.57.130.65.111.nip.io/v0.1/tokens.css">
<script type="module" src="https://ds.57.130.65.111.nip.io/v0.1/index.js"></script>

<!-- Puis n'importe où dans le HTML -->
<aphp-button variant="primary">Démarrer</aphp-button>
<aphp-card variant="elevated">...</aphp-card>

Composants v0.1

Primary

Secondary

Ghost

Danger

5 composants disponibles : <aphp-button>, <aphp-card>, <aphp-modal>, <aphp-header>, <aphp-footer>.