---
name: Alert
menu: Components
---

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>