paragon
paragon copied to clipboard
Discovery: Could the `DataTable` support horizontal cards?
The DataTable component can be configured to be used with a card view, where each table "row" is instead displayed as a Card instead.
The Card component is passed in by the consumer so that its design/contents are flexible on a case-by-case basis.
However, it's unclear at the moment how DataTable would handle using a Card component in a horizontal variant in terms of how the cards are used/displayed by DataTable (e.g., the grid (e.g., how would it decide whether to show cards in a grid for vertical cards vs. one horizontal card per row?).
AC
- Explore what support
DataTablehas today for horizontal cards in its card view. - If there is no/limited support for horizontal cards in the
DataTablegrid view, propose a solution.- E.g., potential approach: allow a prop to customize the number of cards displayed per row (default to 3).
- Understand and document (even just as screenshots as comments on this issue) the responsive behavior of the
CardViewwithin different container/screen sizes.