feat: implement Container component for consistent spacing #90
Conversation
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
- Create Container component with 4 variants (default, narrow, wide, full) - Implement responsive padding scale (16px mobile, 32px tablet, 48px desktop) - Add prose typography support for text-heavy content - Support custom element types via 'as' prop - Create comprehensive tests with 100% coverage - Add interactive demo page showcasing all features The Container component provides consistent layout constraints and responsive spacing across the application, following the design specifications. Co-Authored-By: Claude <claude@ghostpaste.dev>
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
ghostpaste | fc2f0ce | Visit preview | Jun 07 2025, 06:46 AM |
nullcoder
added a commit
that referenced
this pull request
Jun 7, 2025
- Mark Container component (#62) as complete in TODO.md - Update PHASE_4_ISSUE_TRACKING.md status to complete - Add Container PR #90 to completed PRs list - Update progress summary: 12/19 issues complete (63%) - Update next priority issues list - Update last modified date to 2025-06-07 Co-Authored-By: Claude <claude@ghostpaste.dev>
nullcoder
added a commit
that referenced
this pull request
Jun 7, 2025
- Mark Container component (#62) as complete in TODO.md - Update PHASE_4_ISSUE_TRACKING.md status to complete - Add Container PR #90 to completed PRs list - Update progress summary: 12/19 issues complete (63%) - Update next priority issues list - Update last modified date to 2025-06-07 Co-authored-by: Claude <claude@ghostpaste.dev>
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.
Implement Container component as specified in issue #62 for consistent layout and spacing across the application.
Changes
Technical Details
cn()utility for class name compositionDemo
The demo page at
/demo/containershowcases:Closes #62