Info

An info component, which can be used to display normal messages, warnings or errors.

Usage

import { Info } from '@aragon/ui'

function MyApp = () => {
  return <Info title="Title">Some info</Info>
}

Demonstration

Props

mode

TYPE	DEFAULT VALUE
"info", "warning", "error"	"info"

Set the mode of the Info component. The styles can be individually overriden by background, color, borderColor and titleColor.

title

TYPE	DEFAULT VALUE
String	None

Set a title for the info box.

Example:

<Info title="My title">Some info</Info>

background

TYPE	DEFAULT VALUE
Color	None

Set the background of the info box.

color

TYPE	DEFAULT VALUE
Color	None

Set the text color.

borderColor

TYPE	DEFAULT VALUE
Color	None

Set the border color of the info box.

titleColor

TYPE	DEFAULT VALUE
Color	None

Set the title color.