-
Get Started
-
React Components
- Accordion
- Badge
- Block Title
- Block / Content Block
- Button
- Card
- Chips / Tags
- Floating Action Button
-
Forms
- Icon
- Grid / Layout Grid
-
Lists
- Link
- Messages
- Message Bar
-
Modals
-
Navigation Bars
- Pages
- Page
- Panel
- Photo Browser
- Preloader / Spinner
- Progress Bar
- Search Bar
- Status Bar
- Swiper
- Tabs
- Template7 Template
- Timeline
- Views
- View
Badge React Component
Badge React component represents badge element that can be used in lists, links, navigation bars, etc.
Usage example
<Badge>5</Badge>
<!--
Renders to:
<span class="badge">5</Badge>
-->
<Badge color="red">5</Badge>
<!--
Renders to:
<span class="badge color-red">5</Badge>
-->
Properties
Prop | Type | Default | Description |
---|---|---|---|
color | string | Badge color. One of default colors |