The following props are available for typography component. These are the custom props that come with we've added for the typography component and you can use all the other native props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant | Variant | Change typography variant | paragraph |
color | Color | Change typography color | inherit |
textGradient | boolean | Change typography color into a gradient color | false |
as | element | Change the typography rendered element | undefined |
className | string | Add custom className for typography | '' |
children | node | Add content for typography | No default value it's a required prop. |
import type { TypographyProps } from "@material-tailwind/react";type variant =
| "h1"
| "h2"
| "h3"
| "h4"
| "h5"
| "h6"
| "lead"
| "paragraph"
| "small";type color =
| "inherit"
| "current"
| "black"
| "white"
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red";