Skip to content

doc(pos-list): add table example #138

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Conversation

jg10-mastodon-social
Copy link
Collaborator

@jg10-mastodon-social jg10-mastodon-social commented Jul 8, 2025

Candidate to address #134

This adds a storybook example that shows how pos-list can be used to create a table, given that table elements cannot be used, and in absence of a more suited custom component.

I do consider this to require a dashboard creator to be fairly comfortable with HTML and CSS - there's a lot of boilerplate - but I also think it's intuitive enough that someone could copy paste the example and adjust it.

I've added it as a second example in list composition because it's the exact same thing, just styled differently. I'm not sure if that's appropriate.

I've tried to get the aria roles right.

image

  • Tests have been written
    • Example could be affected by future changes to pos-list but this would anyway trigger changes to the storybook. In principle new accessibility tests could be written but this currently relies on browser functionality rather than provided by pos-list
    • N/A. all new code is covered by unit tests
    • N/A. the happy path of a new feature is covered by an end-to-end test
    • manual explorative tests have been performed
  • all dependencies are updated to the latest patch version at minimum
  • N/A. the CI pipeline passes - no change
  • documentation is up-to-date
    • N/A. TSDoc style comments on important functions, properties and events
    • stories for new PodOS elements have been added to storybook
    • N/A. Readme.md files of PodOS elements have been re-generated
    • N/A. architectural decisions are documented as an ADR
    • Changelogs are updated according to
      Keep a Changelog

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