BetaPublic beta — Read the release notes
Documentation

Banner

Dismissible site-wide notification bar.

Package
@solidiom/banner
Version
0.6.0
Status
experimental

Generated from the package's public source.

API

Closecomponent

                        Close(props: CloseProps): Element
                      

Props

class?
string
style?
string | CSSProperties

children: Element

View source

ClosePropsinterface

Props

class?
string
style?
string | CSSProperties

children: Element

View source

Contentcomponent

                        Content(props: ContentProps): Element
                      

Props

class?
string
style?
string | CSSProperties

children: Element

View source

ContentPropsinterface

Props

class?
string
style?
string | CSSProperties

children: Element

View source

Rootcomponent

                        Root(props: RootProps): Element
                      

Props

class?
string
defaultOpen?
boolean — Default open state for uncontrolled usage.
dismissible?
boolean — Whether the banner can be dismissed.
onDismiss?
() => void — Callback when dismiss state changes.
open?
Accessor<boolean | undefined> — Controlled open state.
style?
string | CSSProperties
variant?
"info" | "success" | "warning" | "error" — Visual variant.

children: Element

View source

RootPropsinterface

Props

class?
string
defaultOpen?
boolean — Default open state for uncontrolled usage.
dismissible?
boolean — Whether the banner can be dismissed.
onDismiss?
() => void — Callback when dismiss state changes.
open?
Accessor<boolean | undefined> — Controlled open state.
style?
string | CSSProperties
variant?
"info" | "success" | "warning" | "error" — Visual variant.

children: Element

View source