Badge
ember install @freshworks/badgeDescription
Sample description
Usage
22
Playground
11
Properties
{{nucleus-badge type="line" variant="critical" }}
Usecases
1.Normla Badge
11
22
33
44
55
66
77
88
{{#nucleus-badge type="line" variant="critical"}}11{{/nucleus-badge}}
{{#nucleus-badge type="line" variant="neutral"}}22{{/nucleus-badge}}
{{#nucleus-badge type="line" variant="new"}}33{{/nucleus-badge}}
{{#nucleus-badge type="line" variant="primary"}}44{{/nucleus-badge}}
Guidelines
✅Do's
Keep in mind the accessibility of the text inside badges.
🚫Dont's
Accessibility
Previous
Pagination
Next
{{nucleus-badge}}