--- components: ["InlineNotification", "NotificationActionButton"] --- The `InlineNotification` component displays contextual messages inline with content. It supports various types of notifications (error, warning, success, info) and can include actions. Use it to provide feedback or important information to users. See [detailed usage](https://carbondesignsystem.com/components/notification/usage). See also: [ToastNotification](ToastNotification) ## Default Display a basic error notification with title and subtitle by default. ## Prevent default close behavior The component is controlled, allowing you to prevent the default close behavior using `e.preventDefault()`. { e.preventDefault(); // custom close logic (e.g., transitions) }} /> ## Slottable title and subtitle Customize the notification content using slots for more flexibility. Error: An internal server error occurred. ## Accessible icon descriptions Make notifications more accessible by providing custom descriptions for icons. ## Hidden close button Create a persistent notification by hiding the close button. ## With actions Add interactive elements to notifications using the actions slot. Learn more ## Notification variants The component supports different notification types: ## Low contrast Use low contrast variants for less prominent notifications.