Text

Type: React component

Text is used to display textual content which wraps over multiple lines.

When the content of Text matches the width of its container, it will break the text on a word and start the sentence on the next line. If it is desired to display your textual content on a single line and truncate it, consider using Label instead.

Props

  1. align

    (Optional)

    Type: FDS~Align

    Default value

  2. children

    (Required)

    Type: ReactNode

  3. colorName

    (Optional)

    Default value

  4. fontStackName

    (Optional)

    Default value

  5. size

    (Optional)

    Type: String

    The size of font to render. The possible values are:

    • 's'

    • 'm'

    Defaults to 'm'.

    Default value

  6. userSelect

    (Optional)

    Type: String

    The CSS value for user-select. The possible values are:

    • 'none',

    • 'text'

    Defaults to 'text'.

    Default value