import { Meta } from "@storybook/blocks";
import '../styles/shared.css';

<Meta title="Design Tokens/Elévations" />



<div className="header">
  <h1>Les élévations</h1>
  <p>Les élévations disponibles dans notre Design System.</p>
</div>

<b>Les plateformes de l’Assurance Maladie n’utilisent pas d’élévations à but esthétiques.</b><br/>
L’élévation est à utiliser pour représenter des interactions avec superposition, comme un élément fixe se positionnant au-dessus d’un élément scrollable, un bouton flottant...

<b>Le style d’élévation est issu de la librairie Vuetify.</b><br/>
Pour des raisons de cohérence et d’esthétique, des 24 élévations différentes, nous avons retenue la <b>02</b> qui sera la seule et unique utilisée sur les plateformes.

<br />
<img alt="Elevation" src={'/elevation.jpg'} style={{marginLeft: '-5px'}} />