Note that variant="gradient" supports only linear gradients with two colors. If you need a more complex gradient, then use Styles API to modify Text styles.

Display text and links with theme styles.

Use Text component to display text and links with theme styles. Control Text styles with props: size – font-size from theme.fontSizes ...

Use Text component to render text and links with theme styles. Control Text styles with props: size – font-size from theme.fontSizes ...

TextInput component supports Input and Input.Wrapper components features and all input element props. TextInput documentation does not include all features ...

RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users.

Use the Text component to display text and links with Mantine's theme styles.

A fully featured React components library. Contribute to mantinedev/mantine development by creating an account on GitHub.

Textarea component supports Input and Input.Wrapper components features and all textarea element props.

You can change fonts and other text styles for headings, code and all other components with the following theme properties.