UNPKG

@directus-labs/extension-steps-component

Version:

Displays a clickable list of steps that the user can follow to complete a task.

github.com/directus-labs/extension-steps-component

directus-labs/extension-steps-component

25 lines (15 loc) • 1 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
# Steps Interface Extension Displays a clickable list of steps that the user can follow to complete a task within the Directus Studio. ## Interface steps-interface-example.png **UI** ![Example view of the steps interface.](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/steps-component/docs/steps-interface-example.png) **Settings** ![Settings screen for the steps interface.](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/steps-component/docs/steps-interface-settings-steps.png) ![Settings screen for the fields within each step interface.](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/steps-component/docs/steps-interface-settings-fields.png) ### Configuration Options - **Steps** - Define the list of steps to display. Each step includes: - **Text** - The label to display (string, required). - **Value** - The value that gets stored (string or integer, required). - **Icon** - The icon to display (optional).