{"version":"1.0","type":"card","id":"27c0d03b-f51d-49ac-99ef-6883a0882168","url":"https://stacklist.com/card/27c0d03b-f51d-49ac-99ef-6883a0882168","title":"9+ Shadcn Badge Components - UI Components and Variants","source_url":"https://shadcnspace.com/components/badge","note":"Explore 9+ Shadcn UI Badge components for displaying small labels and status indicators. Supports variants, custom colors, icons, spinners, and link-style badges in React UI.","image":{"url":"https://ucarecdn.com/d37091b0-9a82-4317-9225-02a8a5aac9be/","alt":"9+ Shadcn Badge Components - UI Components and Variants","width":1672,"height":941},"stack":{"id":"c49798dd-3b65-42ec-9435-e65a3d95b732","title":"Shadcn Components","url":"https://stacklist.com/c/technology/stack/c49798dd-3b65-42ec-9435-e65a3d95b732"},"created_at":"2026-06-20T11:44:22.182Z","updated_at":null,"aco":{"summary":"Badge Component Documentation provides a comprehensive guide to Shadcn Badge components, featuring 11+ customizable variants built with React and Tailwind CSS for displaying status, categories, and counts. These lightweight, accessible UI elements are easy to customize, integrate with modern web projects, and serve common use cases like notification counts, status labels, and tags.","tags":["badge-component","shadcn-ui","react","tailwind-css","ui-components","documentation"],"key_entities":[{"name":"React","type":"technology","confidence":0.95},{"name":"Tailwind CSS","type":"technology","confidence":0.95},{"name":"Shadcn/ui","type":"technology","confidence":0.98},{"name":"Next.js","type":"technology","confidence":0.85},{"name":"Badge Component","type":"concept","confidence":0.99},{"name":"UI Components","type":"concept","confidence":0.9}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-06-20T11:44:32.595Z"},"token_counts":{"approximate":1409,"cl100k":1280},"content_hash":"sha256:dea069de66151cf80acf1c4d3d5ace7305e66c0d626021df4ef8d306a27d5fee","acp_version":"0.2","body_available":true,"body_tokens":1409,"visibility":"public","agent_accessible":true,"status":"final"},"_links":{"self":"/api/public/card/27c0d03b-f51d-49ac-99ef-6883a0882168.json","html":"https://stacklist.com/card/27c0d03b-f51d-49ac-99ef-6883a0882168","md":"/api/public/card/27c0d03b-f51d-49ac-99ef-6883a0882168.md","stack_json":"/api/public/stack/c49798dd-3b65-42ec-9435-e65a3d95b732.json"}}