DS – Create a typography component

[ayungavis]

Description

There is a lot of typography variant in the design system, we need to create a reusable component for easier using it in every app. Here is the list of the variants:

1. Display
2. Text

Each variant has sizes. The display variant has 6 sizes and the text variant has 5 sizes.

Please create a component named Typography with two props variant and size, here is the example:

<Typography size="display-sm">Hello world</Typography>

Acceptance Criteria

• [x] Create a reusable typography component named Typography
• [x] The component should have size, as (for the custom HTML tag), and className prop.
• [x] The component should have different types for display and text because each variant has a different size.

Reference

[ayungavis]

Update

Change the acceptance criteria based on PR #7 that there is only one prop for defining the type and size of the typography. More information can take a look at this #7