CSS-компоненты уведомлений пользовательского интерфейса Onsen

CSS Onsen UI используется для создания красивых HTML-компонентов. Это один из наиболее эффективных способов создания гибридных компонентов HTML5, совместимых как с мобильными, так и с настольными компьютерами.

CSS- компонент Onsen UI Notification — это компонент CSS, который мы можем использовать для отображения количества уведомлений/сообщений или чего-то подобного. Эта функция в основном используется на сайтах социальных сетей, системах электронной почты и внутренних приложениях.

Классы CSS-компонентов уведомлений пользовательского интерфейса Onsen:

• уведомление: этот класс в основном добавляется для создания значка/значка уведомления. Когда он добавляется к элементу диапазона или абзаца, он преобразуется в уведомление. Это может принимать число или текст в качестве значения, которое будет отображаться в уведомлении.
• уведомление-материал: этот класс используется для создания уведомления о материале.

Примечание. Мы можем добавить значок уведомления к изображениям и многим другим компонентам.

Синтаксис:

<span class="notification">...</span>

Пример 1. В следующем примере демонстрируются CSS-компоненты уведомлений пользовательского интерфейса Onsen.

Выход:

Пример 2. В следующем примере демонстрируются CSS-компоненты уведомлений пользовательского интерфейса Onsen.

Выход:

Ссылка: https://onsen.io/v2/api/css.html#notification-category