Heading

Type: React component

Heading creates a visually outstanding text with the primary goal of attracting attention. A Heading is visualized significantly larger than the base text size.

Props

  1. align

    (Optional)

    Type: FDS~Align

    Default value

  2. children

    (Required)

    Type: ReactNode

  3. colorName

    (Optional)

    Default value

  4. isBold

    (Optional)

    Default value

  5. level

    (Required)

    Type: Number

    The level of the heading, a higher level renders a visually smaller heading. The possible values are:

    • '1'

    • '2'

    • '3'

    • '4'

  6. userSelect

    (Optional)

    Type: String

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

    • 'none',

    • 'text'

    Defaults to 'text'.

    Default value