Skip to main contentGatsby theme Carbon

Inline notification

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

Example

Info
Error
Success
Warning

Code

components/InlineNotification/InlineNotification.js
// 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

propertypropTyperequireddefaultdescription
childrennodePass in the children that will be rendered within the notification
classNamestringSpecify an optional className to be applied to the container node
kindstringyesinfoerror, info, success, warning