Components

Badge

<Badge />

Component representing a badge.

Usage

import { Badge, BadgeProps } from '@admin-bro/design-system'
See:

View Source admin-bro-design-system/src/atoms/badge.tsx, line 78

Examples

Color variants

Outline badges

Different sizes

Type Definitions

object

# BadgeProps

Prop Types of an Badge 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-design-system/src/atoms/badge.tsx, line 105