Skip to content

Text Styles

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Code

import * as G from '.../components';

<G.TextStyle small>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</G.TextStyle>
<G.TextStyle center topMargin bottomMargin>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</G.TextStyle>
<G.TextStyle muted>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</G.TextStyle>

Properties

This component extends the Base Component and supports all of its properties.
  • block - true | false
  • small - true | false
  • center - true | false
  • centerOnDesktop - true | false
  • left - true | false
  • leftOnDesktop - true | false
  • right - true | false
  • rightOnDesktop - true | false
  • topMargin - true | false
  • bottomMargin - true | false
  • muted - true | false | "high" | "medium" | "disabled" | "light"
  • gradient - Array of Colors
  • textColor - String
  • fontWeight - String
  • fontSize - Number
  • truncate - true | false | Number
GentlentAn official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.
Skyline Dusseldorf