Rocket Logo Rocket Guides Docs Blog Toggle darkmode

Launch: Custom Elements

Properties

public

type

type
'tip'|'warning'|'danger'
public

title

title
string

CSS Shadow Parts

Name Description
title the title heading

CSS Custom Properties

Name Default Value Description
--inline-notification-warning-heading-color
#b29400
--inline-notification-warning-border-color
#e7c000
--inline-notification-warning-background-color
rgba(255, 229, 100, 0.2)
--inline-notification-tip-border-color
#42b983
--inline-notification-tip-background-color
rgba(221, 221, 221, 0.3)
--inline-notification-danger-heading-color
#900
--inline-notification-danger-border-color
#c00
--inline-notification-danger-background-color
rgba(192, 0, 0, 0.1)

Exports

import { InlineNotification } from '@rocket/launch/inline-notification';