paragon icon indicating copy to clipboard operation
paragon copied to clipboard

Discovery: Could the `DataTable` support horizontal cards?

Open adamstankiewicz opened this issue 3 years ago • 0 comments

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 DataTable has today for horizontal cards in its card view.
  • If there is no/limited support for horizontal cards in the DataTable grid 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 CardView within different container/screen sizes.

adamstankiewicz avatar Oct 07 '22 12:10 adamstankiewicz