Nayan UI Logo
  • Home
  • React JS
  • React Native
  • Devtools
  • Contributions
Get Started
Installation
Components
Accordion
Alert
Badge
Button
Button Group
Card
Checkbox
Confirm Alert
Dialog
Divider
Infinite Scroll
Input
Link
Linkify
Loading
Dropdown Menu
Popover
Progress
Radio Group
Select
Sheet
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toast
Tooltip
Get Started
Installation
Components
Accordion
Alert
Badge
Button
Button Group
Card
Checkbox
Confirm Alert
Dialog
Divider
Infinite Scroll
Input
Link
Linkify
Loading
Dropdown Menu
Popover
Progress
Radio Group
Select
Sheet
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toast
Tooltip

React Badge

A Badge component is a small UI element used to display a count, status, or label associated with another element, such as an icon or button. Badges are commonly used to highlight notifications, messages, or any relevant information in a compact and visually distinct way, often appearing as small circles or rectangles with numbers or text.
Badge
A Badge component is a small UI element used to display a count, status, or label associated with another element, such as an icon or button. Badges are commonly used to highlight notifications, messages, or any relevant information in a compact and visually distinct way, often appearing as small circles or rectangles with numbers or text.
Nayan UI LogoNayan UI

Beautiful, accessible, and customizable React & React Native components built with modern design principles.

Documentation

React InstallationReact Native InstallationReact ComponentsReact Native Components

Resources

ContributingComponent TagsReport IssuesDiscussions

Community

GitHub RepositoryNPM Package (Cli)NPM Package (React)NPM Package (React Native)
© 2025 Nayan UI. All rights reserved.
MIT License•Changelog
Made with❤️in India