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 non vel quam.
</InlineNotification>
// Error
<InlineNotification kind="error">

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