Onsen UI CSS Component Basic Notification
Onsen UI CSS Components are pre-built CSS components that we can use to easily create customizable and attractive UI layouts. All visual parts of the Onsen UI CSS components are implemented in pure CSS (cssnext). Onsen CSS Components is a web-based Topcoat theme roller that makes it simple for PhoneGap developers to design stunning UIs.
Onsen UI CSS Component Basic Notification is a CSS component that we can use to display the number of notifications/messages or anything similar to that. This feature is mostly used in social media sites, email systems, and back-ends of applications.
Onsen UI CSS Component Basic Notification used classes:
- notification: This class is mainly added to create a notification icon/badge. When it is added to a span or paragraph element it is transformed into a notification. This can take a number or text as a value which will be shown in the notification.
Note: We can add a notification badge to images and many other components.
Example 1: The below code shows the usage of the notification class to make a span element a notification badge.
Example 2: The below code shows the usage of the notification class to make a span element a notification badge and we are adding a notification badge to images.