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

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

title

Set a title for the info box.

Example:

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

background

Set the background of the info box.

color

Set the text color.

borderColor

Set the border color of the info box.

titleColor

Set the title color.

Last updated