Add Storybook stories for countdown-timer component - #883
Merged
Merged
Conversation
Created comprehensive countdown-timer.stories.tsx with stories for far-future targets (30 days), imminent targets (5 minutes), and expired states (1 hour ago). Includes stories for custom ended labels, very short time remaining (30 seconds), multiple states in one story, custom className variants, and intermediate durations (1 day, 1 hour). Stories demonstrate live countdown updates and state transitions using React's Date.now() for realistic time calculations. Add Storybook stories for card component layout primitive Created card.stories.tsx showcasing all Card component compositions: basic card with content only, cards with headers and titles, cards with header descriptions, complete cards with header/content/footer, cards with action slots, default and small size variants, multiple card grids, complex content layouts, interactive hover states, and size comparison. Stories cover all subcomponents (Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardAction) with realistic examples of common UI patterns. Add Storybook stories for dialog component Created dialog.stories.tsx with stories for basic dialog with trigger, dialogs with footer actions, dialogs without close button, long-content scrolling, stream operation (withdrawal) dialog, alert-style dialog with destructive actions, form-based dialog, and complex header structures with multi-section layouts. Stories demonstrate Dialog/DialogTrigger/DialogContent/DialogHeader/DialogTitle/DialogDescription/DialogFooter composition with varied button configurations and content patterns. Add Storybook stories for dropdown-menu component Created dropdown-menu.stories.tsx with stories for basic menus, grouped menu items with labels, checkbox-style radio selection (network/theme switching), theme selector with checked indicators, navbar-style dropdowns with icon triggers, large menus with multiple groups, nested menu simulation, destructive action groups, and alignment variations (start/center/end). Stories showcase DropdownMenu/DropdownMenuTrigger/DropdownMenuContent/DropdownMenuGroup/DropdownMenuLabel composition with state management and visual indicators for selected items. Closes FlowwStar#720 Closes FlowwStar#719 Closes FlowwStar#721 Closes FlowwStar#722
|
@katefominmoore23 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
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.
Created comprehensive countdown-timer.stories.tsx with stories for far-future targets (30 days), imminent targets (5 minutes), and expired states (1 hour ago). Includes stories for custom ended labels, very short time remaining (30 seconds), multiple states in one story, custom className variants, and intermediate durations (1 day, 1 hour). Stories demonstrate live countdown updates and state transitions using React's Date.now() for realistic time calculations.
Add Storybook stories for card component layout primitive
Created card.stories.tsx showcasing all Card component compositions: basic card with content only, cards with headers and titles, cards with header descriptions, complete cards with header/content/footer, cards with action slots, default and small size variants, multiple card grids, complex content layouts, interactive hover states, and size comparison. Stories cover all subcomponents (Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardAction) with realistic examples of common UI patterns.
Add Storybook stories for dialog component
Created dialog.stories.tsx with stories for basic dialog with trigger, dialogs with footer actions, dialogs without close button, long-content scrolling, stream operation (withdrawal) dialog, alert-style dialog with destructive actions, form-based dialog, and complex header structures with multi-section layouts. Stories demonstrate Dialog/DialogTrigger/DialogContent/DialogHeader/DialogTitle/DialogDescription/DialogFooter composition with varied button configurations and content patterns.
Add Storybook stories for dropdown-menu component
Created dropdown-menu.stories.tsx with stories for basic menus, grouped menu items with labels, checkbox-style radio selection (network/theme switching), theme selector with checked indicators, navbar-style dropdowns with icon triggers, large menus with multiple groups, nested menu simulation, destructive action groups, and alignment variations (start/center/end). Stories showcase DropdownMenu/DropdownMenuTrigger/DropdownMenuContent/DropdownMenuGroup/DropdownMenuLabel composition with state management and visual indicators for selected items.
Closes #719
Closes #720
Closes #721
Closes #722
name: Pull request
about: Describe a focused change and how it was verified
title: 'feat: '
labels: enhancement
Issue
Closes #
Summary
Describe the user or maintainer-facing change.
Changes
Test plan
Checklist