Label

Type: React component

Label is used to display textual content on a single line.

When the content of Label matches the width of its container, it truncates the content. If it is desired to wrap your textual content over multiple lines, consider using Text instead.

Props

  1. children

    (Required)

    Type: ReactNode

  2. colorName

    (Optional)

    Default value

  3. flex

    (Optional)

    Type: FDS~Flex

    Default value

  4. isBold

    (Optional)

    Default value

  5. letterSpacing

    (Optional)

    Default value

  6. textTransform

    (Optional)

    Default value

  7. tooltipContent

    (Optional)

    Default value

  8. size

    (Optional)

    Type: String

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

    • 's'

    • 'm'

    Defaults to 'm'.

    Default value

  9. userSelect

    (Optional)

    Type: String

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

    • 'none',

    • 'text'

    Defaults to 'none'.

    Default value