Badge API
Эта страница предоставляет обзор API компонента Badge, детализируя его props, emits, слоты и exposed методы/состояния.
Props
Компонент Badge принимает следующие props:
| Prop | Default | Type | Описание |
|---|---|---|---|
mode | "primary" | "primary" или "secondary" или "outline" или "neutral" или undefined | Визуальный стиль значка. |
class | "" | StyleClass или undefined | Пользовательский CSS класс для контейнера значка. |
classContent | "" | StyleClass или undefined | Пользовательский CSS класс для содержимого значка. |
point | false | boolean или undefined | Отображать ли небольшой круговой точечный индикатор на значке. |
closeButton | false | boolean или undefined | Отображать ли кнопку закрытия на значке. |
Emits
Компонент Badge испускает следующие события:
| Событие | Payload | Описание |
|---|---|---|
delete | void | Испускается, когда нажимается кнопка закрытия или значок удаляется другим способом. |
Слоты
Компонент Badge предоставляет следующие слоты:
| Слот | Payload | Описание |
|---|---|---|
default | VNode[] | Слот по умолчанию для пользовательского контента внутри компонента значка. |
Expose
Компонент Badge предоставляет следующие методы и состояния через ref:
| Expose | Значение | Описание |
|---|---|---|
mode | BadgeProps["mode"] | Текущий визуальный стиль значка. |
isPoint | BadgeProps["point"] | Указывает, включен ли точечный индикатор. |
isCloseButton | BadgeProps["closeButton"] | Указывает, включена ли кнопка закрытия. |
deleteBadge | () => void | Удаляет значок и вызывает событие delete. |