Components

Badge

<Badge />

Constructor

# <Badge />

Component representing a badge.

Usage

import { Badge, BadgeProps } from 'admin-bro'

View Source admin-bro/src/frontend/components/design-system/atoms/badge.tsx, line 70

Examples

Color variants

Outline badges

Different sizes

Type Definitions

object

# BadgeProps

Prop Types of an Button component. Apart from those defined below it extends all ColorProps, SpaceProps and TypographyProps

Properties:
Name Type Attributes Description
... string <optional>

Other props from ColorProps, SpaceProps and TypographyProps

variant 'primary' | 'danger' | 'text' | 'success' | 'info' | 'secondary' <optional>

Color variant

outline boolean <optional>

Outline version

size 'sm' | 'lg' <optional>

Size variant

View Source admin-bro/src/frontend/components/design-system/atoms/badge.tsx, line 96