Skip to main contentGatsby theme Carbon

Inline notification

The 

<InlineNotification>
component is used to communicate important information to a user.

Example

Info

Lorem ipsum: dolor sit amet, consectetur adipiscing elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.

Error

Error: dolor sit amet, consectetur adipiscing elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.

Success

Success: dolor sit amet, consectetur adipiscing elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.

Warning

Warning: dolor sit amet, consectetur adipiscing elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.

Code

// Info


<InlineNotification>


**Lorem ipsum:** dolor sit amet,
[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit

Props

| property | propType | required | default | description | | --------- | -------- | -------- | ------- | ------------------------------------------------------------------ | | children | node | | | Pass in the children that will be rendered within the notification | | className | string | | | Specify an optional className to be applied to the container node | | kind | string | yes | 

info
| 
error
, 
info
, 
success
, 
warning
|

Edit this page on GitHub
Previous
Components: ImageGallery
Next
Components: Markdown