{"version":"1.0","type":"card","id":"80bfba77-5819-48af-b1e8-3f8bff1abaa2","url":"https://stacklist.com/card/80bfba77-5819-48af-b1e8-3f8bff1abaa2","title":"Shadcn Button Components & Examples for React & Next.js","source_url":"https://shadcndashboard.dev/components/button","note":"Create interactive action buttons with the Shadcn Button component for React and Next.js applications. Designed with Tailwind CSS and Base UI for consistent user interactions.","image":{"url":"https://ucarecdn.com/f11ba011-27cb-4282-9e9a-9c8549c3dda1/","alt":"Shadcn Button Components & Examples for React & Next.js","width":1920,"height":1080},"stack":{"id":"33c123d0-57bc-4931-81e5-daabb0a324e8","title":"Dashboard UI Components","url":"https://stacklist.com/stack/33c123d0-57bc-4931-81e5-daabb0a324e8"},"created_at":"2026-09-14T13:35:53.419Z","updated_at":null,"aco":{"summary":"Shadcn Button is a production-ready, interactive React component for Next.js applications styled with Tailwind CSS and Base UI, designed to create accessible, customizable action triggers for dashboards and SaaS products. It features multiple style configurations, loading states, keyboard accessibility, and responsive sizing to guide users through complex workflows while preventing common UX issues like duplicate submissions.","tags":["shadcn","button-component","react","next.js","tailwind-css","ui-library","dashboard"],"key_entities":[{"name":"Shadcn Button","type":"technology","confidence":0.95},{"name":"React","type":"technology","confidence":0.95},{"name":"Next.js","type":"technology","confidence":0.95},{"name":"Tailwind CSS","type":"technology","confidence":0.95},{"name":"Base UI","type":"technology","confidence":0.9},{"name":"polymorphic element rendering","type":"concept","confidence":0.85},{"name":"loading states","type":"concept","confidence":0.85},{"name":"keyboard accessibility","type":"concept","confidence":0.85},{"name":"Shadcn Dashboard","type":"organization","confidence":0.8}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-09-14T13:36:10.442Z"},"token_counts":{"approximate":1756,"cl100k":1221},"content_hash":"sha256:ecbc6e846381756ddf8579968ff6cf6815d4ac33913ac55805806ca7d608905a","acp_version":"0.2","body_available":true,"body_tokens":1756,"visibility":"public","agent_accessible":true,"status":"final"},"_links":{"self":"/api/public/card/80bfba77-5819-48af-b1e8-3f8bff1abaa2.json","html":"https://stacklist.com/card/80bfba77-5819-48af-b1e8-3f8bff1abaa2","md":"/api/public/card/80bfba77-5819-48af-b1e8-3f8bff1abaa2.md","stack_json":"/api/public/stack/33c123d0-57bc-4931-81e5-daabb0a324e8.json"}}