SusBanner

Компактная полоса на всю ширину для объявлений — текст, опциональная иконка, слот action.

Пакет

SusKit · Атомы (коммерческий)

Открыть в песочнице

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
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

Слоты

Имя
(по умолчанию)
actions

События

Публичных событий нет.

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

• 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

Использование

<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>

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

Строки

one · two · three