Info

It's a component to display important information - for now either success or info.

API Reference

Prop	Type	Default
children	React.ReactNode
data-test	string
intent	notice \| action	notice
title	string
type	unknown	info

Examples

Dark Mode
Open in Playroom

<Box space={1} direction="column">
  <Info>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Mauris in aliquam sem
    fringilla ut morbi tincidunt augue interdum.
  </Info>
  <Info type="success">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Mauris in aliquam sem
    fringilla ut morbi tincidunt augue interdum.
  </Info>
  <Info type="warning">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Mauris in aliquam sem
    fringilla ut morbi tincidunt augue interdum. Lorem ipsum dolor sit amet,
    consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
    dolore magna aliqua. Mauris in aliquam sem fringilla ut morbi tincidunt
    augue interdum.
  </Info>
  <Info type="destructive">Lorem ipsum dolor sit amet.</Info>
</Box>

Titled

Dark Mode
Open in Playroom

Changelog

23. Nov 2021

Added
```
warning
```
and
```
destructive
```
types