Typography

The Palette component library uses Text component to maintain a consistent font-family, font-size and color for out text contents.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud .

Code

<Text size="medium">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

nostrud .

</Text>

The Text component comes in 7 differet size variants,

• xxxlarge
• xxlarge
• xlarge
• large
• medium
• normal
• small

XXXLarge

XXLarge

XLarge

Large

Medium

Small

Code

<Text size="xxxlarge">XXXLarge</Text>

<Text size="xxlarge">XXLarge</Text>

<Text size="xlarge">XLarge</Text>

<Text size="large"> Large</Text>

<Text size="medium">Medium</Text>

<Text size="small">Small</Text>

The Text component also has a text color of "#234361" and "#425a70" which depends on the size for components size more than medium the color is "#425a70" or it is "#234361"