Simple notification
Notification badges can evoke joy or distress, depending on why you're receiving them. We often see badges in the form of standard red dots on mobile app icons. Social media notification badges usually indicate participation, which is a good thing, indicating engagement.
Notification in their simplest form display to the upper right of the content that it wraps and requires the badge slot.
Hey there 👋 we want to make TW elements a community-driven project. It's open source and free, and we would like it to stay that way. If you enjoy it, help the project grow by sharing it with your peers. Every share counts, thank you!
Classic badge notification
Notification allows you to use custom text inside to explain what the badge means.
Notification within tabs
Notifications can be used with an tabs.
Notification within button
Notifications can be used with an buttons.
Notification within avatar
Notifications can be used with an avatar.
This is useful when you want to display the user from whom you received a message, for example.

Notification start
Use the following example to make the notification tag display on the top on the left.
Notification center
Use the following example to make the notification tag display on the top center.
Notification end (default)
Use the following example to make the notification tag display on the top on the right.
Notification middle start
Use the following example to make the notification tag display in the middle on the left.
Notification middle center
Use the following example to make the notification tag display in the middle center.
Notification middle end
Use the following example to make the notification tag display in the middle on the right.
Notification bottom start
Use the following example to make the notification tag display in the bottom left.
Notification bottom center
Use the following example to make the notification tag display in the bottom middle.
Notification bottom end
Use the following example to make the notification tag display in the bottom right.