Table #1437
Table #1437
Conversation
|
There was a problem hiding this comment.
Vi kanskje burde legge til støtte for table <caption>? https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/caption
gabrielwallin
force-pushed
the
table
branch
from
29eb3f2 to
1ed6963
Compare
| <ChevronRight className="mt-0.25 h-6 w-full text-black " /> | ||
| </div> | ||
| } | ||
| <ScrollButton |
There was a problem hiding this comment.
Skulle inte detta vara en egen PR?
packages/react/src/table/table.tsx
Outdated
| }); | ||
|
|
||
| // Context for sharing table variant with child components | ||
| const TableContext = createContext<{ variant: 'default' | 'zebra' }>({ |
There was a problem hiding this comment.
Vi behöver inte Context här, det kommer bara att dra ner performance. Vi kan lösa det med ett data-attribut och tailwind istället. Ska funka med group-data-*.
| type TableColumnProps as UNSAFE_TableColumnProps, | ||
| type TableHeaderProps as UNSAFE_TableHeaderProps, | ||
| type TableProps as UNSAFE_TableProps, | ||
| type TableRowProps as UNSAFE_TableRowProps, |
There was a problem hiding this comment.
Vi må lage en enkel TableCaption her og som vi kan eksportere
This pull request introduces a new, accessible table component system to the React package, providing a set of composable table primitives with built-in horizontal scrolling, keyboard navigation, and WCAG compliance. The changes include the implementation of the table components, their export from the package, and comprehensive Storybook stories demonstrating usage and features.
We use the same composition as in other grunnmuren-components, where the user "builds their own table", and the children are the cells.
Uses the same scrolling and responsiveness as Tabs!
Screen.Recording.2025-09-29.at.13.37.31.mov