Overview

Inline Customization

Global customization

Inner working

Universal Style props

Dark or light mode

Flex

Group

Stack

Container

Center

Divider

Space

Textinput

NumberInput

Button

ButtonGroup

ActionIcon

Native Select

Title

Text

useForm

Appshell

Table

Table from data object

Paper

Accordion

Tabs

Dark Color Palette

Gray Color Palette

Bar Chart

Progress

Pagination

Default theme

Global Style: Colors

Global style: Others

Mantine

# Dark or light mode

Mantine defaults to light mode: `defaultColorScheme` defaults to `light`.

We may set it to `auto` or `dark`. `auto` is better because it follows the user's color scheme.

```tsx
<MantineProvider defaultColorScheme="auto"></MantineProvider>
```

