SusBanner

Compact full-width strip for announcements — text, optional icon, action slot.

Package

SusKit · Atoms (commercial)

SusKit · Atoms

Props

Name	Type	Default
`Text`	`Prop<string>`	`""`	v-model
`Color`	`Prop<string>`	`"primary"`	v-model
`Icon`	`Prop<string>`	`""`	v-model
`Sticky`	`Prop<bool>`	`false`	v-model
`Lines`	`Prop<string>`	`"one"`	v-model

Slots

Name
`(default)`
`actions`

Events

No public events.

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

sus-banner
sus-banner__actions
sus-banner__body
sus-banner__icon
sus-banner__text
sus-banner--error
sus-banner--primary
sus-banner--secondary
sus-banner--sticky
sus-banner--success
sus-banner--two-lines
sus-banner--warning
sus-slot

Usage

xml

<template>
  <sus:SusBanner Text="Maintenance window starts in 15 minutes."
                  Color="warning"
                  Icon="info"
                  Lines="one">
    <template #actions>
      <sus:SusButton Text="Details" Variant="text" Size="small" />
    </template>
  </sus:SusBanner>
</template>

csharp

var banner = new SusBanner();
banner.Text.Value = "Banner message";
banner.Color.Value = "primary";
banner.Icon.Value = "info";
banner.Lines.Value = "one";

Lines

one · two · three

SusBanner ​