> Code

Code

Composant pour afficher du code ou des valeurs techniques avec un style distinctif.

TagscoreExemples2StylesDisponibles

Basic

La balise <Code> doit être comprise dans une balise <Typography>

export const Basic = () => (
  <Box>
    <Typography>
      La balise <Code>{'<Code>'}</Code> doit être comprise dans une balise <Code>{'<Typography>'}</Code>
    </Typography>
  </Box>
);

InText

Le fichier CSV doit avoir une , comme séparateur de colonnes.Exemple : Individuel ou Collectif

export const InText = () => (
  <Box>
    <Box display="flex" flexDirection="column" gap={4}>
      <Typography>
        Le fichier CSV doit avoir une <Code>,</Code> comme séparateur de colonnes.
      </Typography>
      <Typography>
        Exemple : <Code>Individuel</Code> ou <Code>Collectif</Code>
      </Typography>
    </Box>
  </Box>
);

Alveole UI Kit — v1.8.4