...
...
...
...
...
...
...
| Status | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Description
...
Description
An Extended Rows table is a type of Data Table where each row contains a line of text (for example, a quote from an interaction)
Usage & Behaviour
...
underneath the set of values.
...
Usage & Behavior
An extended rows table is similar to a standard Data Table, with these exceptions:
In addition to the regular content, each row will contain a block of text, running across the columns.
The maximum number of visible rows in the block will be predefined.
If the text is longer than the width of the
...
table,
...
it will be truncated, showing
...
an ellipsis sign after the last word.
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>>
Best Practices
Use when there is a need to show item-level information, relevant across all columns.
Accessibility compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Design
Zeplin link | Screen thumbnail |
|---|
Code
...
Code
...