Skip to content

docs(*): Add stories for UI components and behavior demonstrations - #155

Open
glenstaes wants to merge 5 commits into
masterfrom
feature/new-stories
Open

docs(*): Add stories for UI components and behavior demonstrations#155
glenstaes wants to merge 5 commits into
masterfrom
feature/new-stories

Conversation

@glenstaes

Copy link
Copy Markdown
Member

Summary

This pull request adds comprehensive stories to showcase the functionality and use cases of various UI components and behaviors, enhancing documentation.

Changes

  • Stories for the Expandable Card component:
    • Accessible header customization.
    • Title-only and description-only layout demonstrations.
    • Custom header heights and dynamic expansion state tracking.
  • Stories for Table interactions:
    • Filtering with reactive forms and case-insensitive search.
    • Sortable columns, pagination, sticky columns, formatted data, and row-specific interactions.
    • Row reordering and row actions.
  • Story for an editable form-table using reactive forms.
  • Stories showcasing behaviors related to:
    • In-memory logging functionality.
    • Error handling scenarios and behaviors.

…able interactions

Add stories to demonstrate table filtering with reactive forms, case-insensitive search, sortable columns, pagination, and row-specific interactions. Include sticky columns, formatted data, row reordering, and row actions.
…th accessibility and layout customization

Introduce stories showcasing various use cases of the expandable card component, including accessible headers, title-only and description-only layouts, custom header heights, and expansion state tracking.
template: `
<ppw-expandable-card [headerAriaLabel]="headerAriaLabel"
[openAsExpanded]="openAsExpanded" [canBeCollapsed]="canBeCollapsed">
<div ppw-expandable-card-description class="flex-grow-1"><span>Demo card which can be opened with full-width description</span></div><div>card contents</div>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image The description should appear on the right. Now it look as if it is a title

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants