11.12.1

Typography




Body

Default

I am a body kit
I am a body kit (Light)
I am a body kit (Lighter)
I am a body kit (Error)
I am a body kit (Success)

Prop

This kit uses default color by default, and can be replaced with colors below:

  • light lighter success error link

  • These colors are not for standard usage. You can use the color prop to make fixes if colors are not appearing properly, but consult your UX team members if you are deciding to implement it

  • Block

    I am body kit

    Caption

    Default

    Caption
    Caption Large
    Subcaption

    Block

    Block
    Large Block
    Subcaption Block

    Colors

    Test colors
    Test colors
    Test colors

    Prop

    Caption kit will use light color by default. Other available colors are:

  • default lighter success error link

  • These colors are not for standard usage. You can use the color prop to make fixes if colors are not appearing properly, but consult your UX team members if you are deciding to implement it

  • Title

    Default UI

    Default Title


    Title 1

    Title 2

    Title 3

    Title 4


    Prop

    Title kit will use h3 tag by default, and size 3 as well.
    Size and tag props are not in correlation with each other, meaning any size can be used along with any tag.

    Light Weight UI

    Title 1


    Prop

    Title size 1 will use font-weight: 700 by default, if you want a lighter font weight, use the bold prop set to false.
    Title size 2 & size 3 uses a light font weight by default and will not accept a bold font weight.
    Title size 4 uses a heavy font weight by default and will not accept a lighter font weight.

    Colors

    Default Color

    Title Color

    Title Color

    Title Color


    Prop

    Title kit will use default color by default. Other available colors are:

    *light lighter success error link

  • These colors are not for standard usage. You can use the color prop to make fixes if colors are not appearing properly, but consult your UX team members if you are deciding to implement it