Package Exports

@mantine/core
@mantine/core/cjs/index.js
@mantine/core/esm/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@mantine/core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Mantine core

Mantine is a MIT licensed open source react components and hooks library with focus on usability, accessibility and developer experience.

Features

Customization – colors, fonts, shadows and many other parts are customizable to fit your design needs
Flexibility – configure components appearance and behavior with vast amount of settings or overwrite any part of component styles
Dark theme – mantine supports dark theme by default in all components
Accessibility and usability – all components follow accessibility best practices and feature full keyboard support
TypeScript – all @mantine/ scoped packages are built with TypeScript and support it by default
Ready for production – mantine is well tested and works in all modern browsers
Developer experience – mantine comes with more than 50 components and 15 hooks to cover you in most cases
No annoying focus ring – with new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard

Installation

# With yarn
yarn add @mantine/core @mantine/hooks

# With npm
npm install @mantine/core @mantine/hooks

# With install-peerdeps
npx install-peerdeps @mantine/core

Usage

Now you can import and use any component from @mantine/core:

import { Button } from '@mantine/core';

function App() {
  return <Button>Mantine button</Button>;
}

License

All Mantine packages have MIT license. All Mantine dependencies also have MIT license.

@mantine/core