ContextQMD
Back to Docz

JS

examples/with-gatsby-remark-vscode/src/components/Alert.mdx

2.4.0728 B
Original Source

import { Playground, Props } from 'docz' import { Alert } from './Alert'

JS

js
const a = "abc";
const b = "bca";
console.log(`${a}-${b}`)

JSX

jsx
<Playground>
  <Alert kind="info">Some message</Alert>
  <Alert kind="positive">Some message</Alert>
  <Alert kind="negative">Some message</Alert>
  <Alert kind="warning">Some message</Alert>
</Playground>

Alert

Properties

<Props of={Alert} />

Basic usage

<Playground> <Alert>Some message</Alert> </Playground>

Using different kinds

<Playground> <Alert kind="info">Some message</Alert> <Alert kind="positive">Some message</Alert> <Alert kind="negative">Some message</Alert> <Alert kind="warning">Some message</Alert> </Playground>