Skip to main content

Info

Provide contextual messages for typical user actions with info messages.

Examples#

Infos are available for any length of text. Just choose one of the five variants and modify the type prop. And write your own title by using title prop.

Primary is set by default.
Primary
Primary
Info
Info
Danger
Danger
Warning
Warning
Success
Success
<>
<Info type="primary" title="Primary" >Primary</Info>,
<Info type="info" title="Info" >Info</Info>,
<Info type="danger" title="Danger" >Danger</Info>,
<Info type="warning" title="Warning" >Warning</Info>,
<Info type="success" title="Success" >Success</Info>
</>

Icon#

Add icons using iconShow prop.

Primary
Primary
Info
Info
Danger
Danger
Warning
Warning
Success
Success
<>
<Info iconShow type="primary" title="Primary" >Primary</Info>,
<Info iconShow type="info" title="Info" >Info</Info>,
<Info iconShow type="danger" title="Danger" >Danger</Info>,
<Info iconShow type="warning" title="Warning" >Warning</Info>,
<Info iconShow type="success" title="Success" >Success</Info>
</>

API#

import Info from "erxes-ui/lib/components/Info";
NameTypeDefaultDescription
typeprimary | info | danger | warning | successprimarySet type of info
iconShowbooleanShows icon depending on the info type
titlestringShows title on top of the info
Last updated on by zulaann