Skip to main content

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.

    Still have questions?
    Find answers in the Dynatrace Community