Data table: base component

[Spark450]

Design has been reviewed and approved and is ready for development

Requirements

These requirements are in addition to the elements of the Data table that have already been defined in the initial explorations.

The specification should be tailored to the use of a developer building the functionality for the design system. This component does not need traditional Figma documentation.

Considerations

• Work with development team to understand if this is a net new component or an extension of existing table component
• Which navigation keyboard paradigm will this component be using (e.g. do we need to use the "application" or "grid" roles)
  • layout grid
  • data grid
• Record display density (row height)
• Zebra striping
• table row actions
  • button
  • menu button
• Horizontal scroll on narrow viewport?

Solutions

Design outlined in Figma here