Conversation
- Rename StatChange -> StatTrend for better clarity - Rename StatAccessory -> StatIndicator for semantic accuracy - Update all data-slot attributes to match new names - Add StatSeparator component for content division - Create comprehensive type definitions - Add stat to registry-ui and registry-examples - Create documentation with API reference - Add stat-variants-demo showcasing indicator variants - Add stat-layout-demo showcasing layout options
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
There was a problem hiding this comment.
Pull request overview
This PR adds a new stat component to the UI registry for displaying key metrics and statistics. The component provides a flexible card-based layout with support for indicators (icons/badges), trend information, separators, and descriptions. It also includes minor updates to the button component styling and key-value demo example.
- Adds new
statcomponent with multiple sub-components (Label, Indicator, Value, Trend, Separator, Description) - Includes comprehensive examples demonstrating variants, colors, and layout options
- Updates button component to remove
shadow-xsstyling from some variants - Adds
textareato key-value component registry dependencies
Reviewed changes
Copilot reviewed 21 out of 21 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| docs/types/docs/stat.ts | TypeScript type definitions for all stat component props |
| docs/registry/registry-ui.ts | Registry entry for stat component with dependencies |
| docs/registry/registry-examples.ts | Registry entries for three stat demo examples |
| docs/registry/default/ui/stat.tsx | Main stat component implementation with CVA variants |
| docs/registry/default/examples/stat-demo.tsx | Primary demo showing indicators and dropdown integration |
| docs/registry/default/examples/stat-variants-demo.tsx | Demo showcasing different indicator variants and colors |
| docs/registry/default/examples/stat-layout-demo.tsx | Demo showing layout options with separators and descriptions |
| docs/public/r/styles/default/stat.json | Registry JSON for stat component |
| docs/public/r/styles/default/stat-demo.json | Registry JSON for stat demo example |
| docs/public/r/styles/default/stat-variants-demo.json | Registry JSON for stat variants demo |
| docs/public/r/styles/default/stat-layout-demo.json | Registry JSON for stat layout demo |
| docs/public/r/registry.json | Global registry entries for stat component and examples |
| docs/public/r/index.json | Index entry for stat component |
| docs/content/docs/components/stat.mdx | Documentation page with installation and API reference |
| docs/components/ui/button.tsx | Removes shadow-xs styling from default, destructive, and secondary variants; adds icon-sm and icon-lg size variants |
| docs/registry/default/examples/key-value-paste-demo.tsx | Simplifies demo by removing explicit enablePaste prop and alternative format example |
| docs/public/r/styles/default/key-value.json | Adds textarea to registry dependencies |
| docs/public/r/styles/default/key-value-paste-demo.json | Updates example code to match simplified demo |
| docs/public/r/index.json | Adds textarea to key-value dependencies |
| docs/registry/registry-ui.ts | Adds textarea to key-value registry dependencies |
| docs/content/docs/components/key-value.mdx | Updates title formatting from "Key-Value" to "Key Value" |
| docs/app/(lobby)/pg/page.tsx | Updates playground to show stat demos instead of key-value demo |
| docs/registry/index.tsx | Adds registry entries for stat component and examples with lazy loading |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.