Skip to end of banner
Go to start of banner

Extended Rows Tables

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 7 Next »

Lead:  Liav Nadler  ONGOING


Description

An extended rows table is a type of data table, where each row contains, under the set of values, a line of text (for example, a quote from an interaction)

Usage & Behaviour

A snippet table is similar to a basic table, with the exceptions described below:

  • If the text is longer than the width of the column, the text will be truncated, showing the ellipsis sign

  • In this case, hovering the text will show a tooltip with the entire text

Accessibility compliance

<<In general each component should be A11y complied,  please follow the 3 guidelines linked below. At the very least we should document that each component is in compliance with each of the 3>>

Focus management

<<How will the component work with keyboard only - without a mouse. Can be reference if written above

We already set a general guidelines described in /wiki/spaces/UX/pages/308969693 >>

Screen reader support 

 <<Make sure the components support screen reader for content or behaviour where needed - see /wiki/spaces/UX/pages/308248620 >>

Contrast & size compliance

<<Visual designers must comply with the minimal of /wiki/spaces/UX/pages/301498483 for each component>>

Keyboard Operation

<<Explore and describe conventions>>

Design

Zeplin link

Screen thumbnail

<<Zeplin Link>>

<<Screen with 200 width>>



Code

<<a box containing the code - discuss with Femi>>

  • No labels