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 ...

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

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

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.

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

use-text-selection returns current text selection: Select some text here or anywhere on the page and it will be displayed below.

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