JSPM

@mantine/core

2.6.0-alpha.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 746051
  • Score
    100M100P100Q187588F
  • License MIT

React components library focused on usability, accessibility and developer experience

Package Exports

  • @mantine/core

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
  • React and Preact – mantine works flawlessly with preact

Installation

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

# With npm
yarn add @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>;
}

Licence

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