---
name: Modal
menu: Modals
---

import { Playground, PropsTable } from 'docz';

import { Button } from '~/components/Button';

import { Modal } from '../Modal';
import { Demo } from './Demo';

# Modal

<PropsTable of={Modal} />

## Basic usage

<Playground>
  <Demo />
</Playground>

## With status

<Playground>
  <Demo status="success" />
</Playground>

## With loading

<Playground>
  <Demo status="loading" />
</Playground>

## Not centered

<Playground>
  <Demo isCentered={false} status="success" />
</Playground>
