import { StepperDemos } from '@docs/demos'; import { Layout } from '@/layout'; import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.CorePackage);

Mantine Core components

@mantine/core package provides essential components: buttons, inputs, modals, typography, and many others. The @mantine/core package is used internally in most of the other @mantine/* packages – it is required to be installed in your project to use Mantine components.

Installation

<InstallScript packages="@mantine/hooks @mantine/core" />

Usage

Follow the getting started guide to learn how to complete the Mantine setup in your project. Example of using the Stepper component:

<Demo data={StepperDemos.usage} demoProps={{ defaultExpanded: false }} />

License

MIT