Text

Use the Text component for text that is rendered without any semantic markup.

OverviewProperties

Import

import { Text } from '@dynatrace/strato-components/typography';

Demo

Change font and text style

Setting the optional textStyle and fontStyle properties allows for changing the style of the rendered text. While textStyle determines font weight and size, fontStyle defines whether variable-width font for regular text or monospace font for code examples is used.

Style inheritance

When used without textStyle or fontStyle props, Text inherits from its surrounding context. Any inheritable CSS property not explicitly set by the component flows through from the parent.