# Component/Modal/NoticeModal

> Props: component-modal-noticemodal.props.txt

## Examples


### Base

```tsx
{
  args: {
    label: 'Label',
    title: 'Heading',
    description: 'Body'
  },
  render: args => {
    const [show, setShow] = useState(false);
    const [replayYn, setReplayYn] = useState(false);
    return <>
        <Button onClick={() => setShow(true)}>open</Button>
        <NoticeModal {...args} open={show} onCancel={() => setShow(false)} checked={replayYn} onCheckedChange={e => setReplayYn(e.currentTarget.checked)}>
          <Stack direction='column' p='0 30px'>
            <Divider />
          </Stack>
          <Stack direction='column' p={30} style={{
          backgroundColor: semantic_colors.background.base
        }}>
            <Stack direction='column' align='center' height={160} width='100%' style={{
            backgroundColor: semantic_colors.background.surface,
            justifyContent: 'center'
          }}>
              <BaseText kind='Body_13_Bold' color={semantic_colors.content.tertiary}>
                Contents Area
              </BaseText>
            </Stack>
          </Stack>
        </NoticeModal>
      </>;
  }
}
```