Skip to content

Commit e1d48e2

Browse files
author
shleewhite
committed
chore: move Table docs to components/table/table
1 parent d525ce0 commit e1d48e2

File tree

18 files changed

+5
-4
lines changed

18 files changed

+5
-4
lines changed

website/app/styles/pages/components/table.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
* SPDX-License-Identifier: MPL-2.0
44
*/
55

6-
// COMPONENTS > TABLE
6+
// COMPONENTS > TABLE > TABLE
77

8-
#show-content-components-table {
8+
#show-content-components-table-table {
99
.doc-table-valign-demo {
1010
display: flex;
1111
gap: 5px;

website/docs/components/table/index.md website/docs/components/table/table/index.md

+1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ links:
77
github: https://github.com/hashicorp/design-system/tree/main/packages/components/src/components/hds/table
88
related:
99
[
10+
'components/table/advanced-table',
1011
'components/pagination',
1112
'patterns/filter-patterns',
1213
'patterns/table-multi-select',

website/docs/components/table/partials/code/how-to-use.md website/docs/components/table/table/partials/code/how-to-use.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -456,7 +456,7 @@ To create a column that has right-aligned content, set `@align` to `right` on bo
456456

457457
### Tooltip
458458

459-
[Table headers](/components/table#headers) should be clear, concise, and straightforward whenever possible. However, there could be cases where the label is insufficient by itself and extra information is required. In this case, it’s possible to show a tooltip next to the label in the header:
459+
[Table headers](/components/table/table#headers) should be clear, concise, and straightforward whenever possible. However, there could be cases where the label is insufficient by itself and extra information is required. In this case, it’s possible to show a tooltip next to the label in the header:
460460

461461
```handlebars
462462
<Hds::Table
@@ -481,7 +481,7 @@ To create a column that has right-aligned content, set `@align` to `right` on bo
481481

482482
Consuming a large amount of data in a tabular format can lead to an intense cognitive load for the user. As a general principle, care should be taken to simplify the information within a table as much as possible.
483483

484-
We recommend using functionalities like [pagination](/components/pagination), [sorting](/components/table?tab=code#sortable-table), and [filtering](/patterns/filter-patterns) to reduce this load.
484+
We recommend using functionalities like [pagination](/components/pagination), [sorting](/components/table/table?tab=code#sortable-table), and [filtering](/patterns/filter-patterns) to reduce this load.
485485

486486
That said, there may be cases when it’s necessary to show a table with a large number of columns and allow the user to scroll horizontally. In this case the consumer can use different approaches, depending on their context, needs and design specs.
487487

0 commit comments

Comments
 (0)