import { Meta, Props } from '@storybook/addon-docs/blocks';
import { InfoBox } from './InfoBox';

<Meta title="MDX|InfoBox" component={InfoBox} />

# InfoBox
A component for displaying information in different levels of severity (Success, Warning, Error, Info).


### Example usage
This component can be found in the settings for various data sources.


```tsx
<InfoBox
  title="Example info box"
  severity='info'
  url="http://url.to.some.documentation"
  onDismiss={dissmisInfoBox}
/>
```


<Props of={InfoBox} />
