Skip to content

feat(badge): add warning variant#308

Open
cyck wants to merge 2 commits intocloudflare:mainfrom
cyck:bfernandes/add-badge-warning
Open

feat(badge): add warning variant#308
cyck wants to merge 2 commits intocloudflare:mainfrom
cyck:bfernandes/add-badge-warning

Conversation

@cyck
Copy link
Copy Markdown

@cyck cyck commented Mar 26, 2026

Summary

  • Adds a warning variant to the Badge component using bg-kumo-warning text-white, consistent with the destructive and success solid-background patterns
  • Uses the kumo-warning token family from Banner's alert variant
  • Adds BadgeWarningDemo and docs section to the Badge documentation page

Changes

  • packages/kumo/src/components/badge/badge.tsx — new warning entry in KUMO_BADGE_VARIANTS, updated JSDoc examples and prop descriptions
  • packages/kumo-docs-astro/src/components/demos/BadgeDemo.tsxBadgeWarningDemo export, added to hero BadgeVariantsDemo
  • packages/kumo-docs-astro/src/pages/components/badge.mdx — warning section between Success and Outline

Usage

<Badge variant="warning">Caution</Badge>

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Mar 26, 2026

npm i https://pkg.pr.new/@cloudflare/kumo@308

commit: c1a76ed

@github-actions
Copy link
Copy Markdown
Contributor

Docs Preview

View docs preview

Commit: c1a76ed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant