AragonAN DAO
Search…
Aragon Developers Documentation
🛠
Developers
General Tools
The Basics
Guides
aragonOS
aragonCLI
aragonPM
aragonAPI
aragonUI
Getting started
How to upgrade
BASE
ACTIONS
NAVIGATION
STRUCTURE
DATA ENTRY
VISUALIZATION
FEEDBACK
Info
ProgressBar
LoadingRing
Toast
SyncIndicator
FloatIndicator
OVERLAYS
ADVANCES
aragonDS
Aragon Connect
App Center
Product Tools
📃
GLOSSARY
Aragon Client
Powered By GitBook
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.
Previous
FEEDBACK
Next
ProgressBar
Last modified 2mo ago
Copy link
Outline
Usage
Demonstration
Props