Text utility

---

Text utilities are one of the fundamental requirement for any component library and it includes a variety of CSS properties like line height, font size, font weight etc. Orca provides a wide range of utiliy classes to choose from and all of it is governed by design system which you can change in variables.css file.

---

How to change design system

Change the design system in variable.css file, by default Orca follows system of 8px.

---

Design system

---

How to use

Add class names to the element.

---

Examples for heading

---

Code

---

Examples for font weight

Orca provides various utility classes for font weight

---

Code

---

Examples for font size

Orca provides various utility classes for font weight

---

Code

---