Search…
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.
Last modified 2mo ago
Copy link
Outline
Usage
Demonstration
Props