> Typography

Typography

La Typography doit être utilisé pour contenir tous les textes. Composant de type Text (tamagui).

TagscoreExemples7StylesDisponibles

TypographyDefault

Contenu par défaut

export const TypographyDefault = () => <Typography>Contenu par défaut</Typography>;

TypographyPaddedWithColor

Texte avec padding et couleur

export const TypographyPaddedWithColor = () => (
  <Typography p={8} color={'blue'}>
    Texte avec padding et couleur
  </Typography>
);

TypographyStyleItalic

Texte en italique

export const TypographyStyleItalic = () => <Typography fontStyle="italic">Texte en italique</Typography>;

TypographyStyleUnderline

Texte en souligné

export const TypographyStyleUnderline = () => <Typography textDecorationLine="underline">Texte en souligné</Typography>;

TypographyStyleLineThrough

Texte barré

export const TypographyStyleLineThrough = () => <Typography textDecorationLine="line-through">Texte barré</Typography>;

TypographyTransformCapitalize

avec une majuscule

export const TypographyTransformCapitalize = () => (
  <Typography textTransform="capitalize">avec une majuscule</Typography>
);

TypographyTransformUppercase

En majuscule

export const TypographyTransformUppercase = () => <Typography textTransform="uppercase">En majuscule</Typography>;

Alveole UI Kit — v1.8.4