Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ When there is a data connection or retrieval error, you can display an error sta

The error state will be displayed when the data view `activeState` value is `error`.

You can create your error state by passing either the [component groups extension's error state](/extensions/component-groups/error-state) or a [PatternFly empty state](/components/empty-state) to the `error` key of `headStates` or `bodyStates`.
You can create your error state by passing either the [component groups extension's error state](/component-groups/error-communication/error-state) or a [PatternFly empty state](/components/empty-state) to the `error` key of `headStates` or `bodyStates`.

```js file="./DataViewTableErrorExample.tsx"

Expand All @@ -161,7 +161,7 @@ To indicate that data is loading, you can display a loading state.

The loading state will be displayed when the data view `activeState` value is `loading`.

You can create your loading state by passing either the [component groups extension's skeleton table](/extensions/component-groups/skeleton-table) or a customized [PatternFly empty state](/components/empty-state) to the `loading` key of `headStates` or `bodyStates`.
You can create your loading state by passing either the [component groups extension's skeleton table](/component-groups/status-and-state-indicators/skeleton-table) or a customized [PatternFly empty state](/components/empty-state) to the `loading` key of `headStates` or `bodyStates`.

```js file="./DataViewTableLoadingExample.tsx"

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ You can further customize toolbar interactions by referring to the additional do
```

## Toolbar actions
To support additional user needs, you can pass relevant actions to the toolbar via `actions`. Add standard PatternFly actions (like buttons) or choose predefined [responsive actions](/extensions/component-groups/responsive-actions) which ensure the responsive behavior of multiple actions in 1 toolbar.
To support additional user needs, you can pass relevant actions to the toolbar via `actions`. Add standard PatternFly actions (like buttons) or choose predefined [responsive actions](/component-groups/controls/responsive-actions) which ensure the responsive behavior of multiple actions in 1 toolbar.

### Actions example

Expand Down Expand Up @@ -90,7 +90,7 @@ This example uses the URL to persist the pagination state.
## Selection
To allow users to select data records inside the data view, add selection support that displays a row's selection state.

The data view toolbar can display a bulk selection component by using the predefined [component group extension bulk select](/extensions/component-groups/bulk-select) component.
The data view toolbar can display a bulk selection component by using the predefined [component group extension bulk select](/component-groups/controls/bulk-select) component.

### Selection state

Expand Down