Setting up React Application and Installing Chakra UI
Step 1: Create a react application using the create-react-app.
npx create-react-app my-chakraui-app
Step 2: Move to the created project folder (my-chakraui-app).
cd my-chakraui-app
Step 3: After Creating the react app install the needed packages using below command
npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
Chakra UI Typography Text
Chakra UI Typography Text is used to render text and paragraph inside web application. The Text component renders HTML paragraph tag internally. The size of the Text can be controlled using the fontSize prop of the component that can take any of the following values: xs, sm ,md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, or any custom value provide like “50px“.