HEEx
<div class="w-sm">
<ConnieUI.Progress.step_dots current={2} total={4} />
</div>
Controls
Set by the example
click
Docs
Step dots indicator, based on UntitledUI Progress.MinimalIconsConnected.
Shows a series of connected dots indicating progress through steps.
## Examples
<ConnieUI.Progress.step_dots current={1} total={4} />
# With clickable completed steps
<ConnieUI.Progress.step_dots
current={2}
total={4}
click={JS.push("go_to_step", target: @myself)}
/>
| Attribute | Type | Default | Description |
|---|---|---|---|
| No data found. | |||
| current * | :integer |
Current step (1-indexed)
|
|
| total * | :integer |
Total number of steps
|
|
| click | :any | nil |
JS command to execute when clicking completed steps. Step number passed as phx-value-step.
|