react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Tables: Support for Responsive Tables - Stack

Open silvalaura opened this issue 3 years ago • 2 comments

We should look into building out more responsive tables. One commons solution is to transform the table content into a card layout for small screens.

Describe the solution you'd like Build support for tables where, for small screens, the table turns into a card format.

Additional context Example: https://codepen.io/AllThingsSmitty/pen/MyqmdM

silvalaura avatar Jun 13 '22 20:06 silvalaura

This was requested via #react-magma Slack channel on 8/15/2022: https://cengage.slack.com/archives/C8Y4FR63U/p1660565147323049

silvalaura avatar Aug 15 '22 13:08 silvalaura

This was requested via #react-magma Slack channel on 8/15/2022: https://cengage.slack.com/archives/C8Y4FR63U/p1660565147323049

Purpose: Give consumer the choice to make tables collapse into a responsive stacked view on smaller screens.

Figma: https://www.figma.com/file/z2H2qv9iYQX942LqToCuQE/Components---Data-Display?type=design&node-id=1655%3A59141&mode=design&t=0AD0Mf70bqm8VmZa-1

orion-cengage avatar Mar 26 '24 14:03 orion-cengage