Text Styles

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

• 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