Get Started
React Components
- Accordion
- Badge
- Block Title
- Block / Content Block
- Button
- Card
- Chips / Tags
- Floating Action Button
- Forms
  - Checkboxes & Radios
  - Form Elements
  - Smart Select
- Icon
- Grid / Layout Grid
- Lists
  - List
  - List Item
  - List Button
  - Accordion List
  - Contacts List
  - Sortable List
  - Swipeout List
  - Virtual List
- Link
- Messages
- Message Bar
- Modals
  - Action Sheet
  - Login Screen
  - Picker Modal
  - Popover
  - Popup
- Navigation Bars
  - Navbar
  - Toolbar/Tabbar
  - Sub Navbar
- 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