Typography

Detail:

https://www.figma.com/design/NabDWLMexKV7z5ayB5iZT7/%5BWeb%5D-WOW3--Design-System?node-id=4004-1673&node-type=frame&t=mGVgHQBqFaMCGcf5-0

Primary Text: is the main text of a pattern which used to convey the content for reading. Applied for the highest 1st Hierachy.
Sub Text: is the secondary text of a pattern which used to convey the content for reading.
Muted: for disable text or content

Usage

Text

import { Text } from "@ronin-nexus/atomic";
 
<Text>Hello World</Text>;

Text Design System Props:

Props	Type	Default	Description
size	Size	base
weight	Weight	primary

Size:

Variants:xs(10px) sm(12px) base(14px) lg(16px) xl(18px)

Whereas disregard and contempt for human rights have resulted

Weight:

Variants: light base medium bold

default: Whereas disregard and contempt for human rights have resulted

light: Whereas disregard and contempt for human rights have resulted

normal: Whereas disregard and contempt for human rights have resulted

medium: Whereas disregard and contempt for human rights have resulted

bold: Whereas disregard and contempt for human rights have resulted

Heading

Heading11111111111

Heading22222222222

Heading33333333333

Heading44444444444

Heading55555555555

Heading66666666666

<H1>Heading1 Whereas disregard and contempt</H1>
<H2>Heading2 Whereas disregard and contempt for human rights have resulted</H2>
<H3>Heading3 Whereas disregard and contempt for human rights have resulted</H3>
<H4>Heading4 Whereas disregard and contempt for human rights have resulted</H4>
<H5>Heading5 Whereas disregard and contempt for human rights have resulted</H5>
<H6>Heading6 Whereas disregard and contempt for human rights have resulted</H6>