Catalog Progress

<.step_card>

ConnieUI.Progress

Choose Project

Your documents are organized into projects.

HEEx 
<div class="w-lg">
  <ConnieUI.Progress.step_card current={2} total={4}>
    <:title>Choose <strong>Project</strong></:title>
    <:description>Your documents are organized into projects.</:description>
  </ConnieUI.Progress.step_card>
</div>

Controls

:integer

Current step (1-indexed)

:integer

Total number of steps

Set by the example

click

Docs

Wizard-style step card with title, description, and progress dots. ## Examples <ConnieUI.Progress.step_card current={2} total={4}> <:title>Choose <strong>Project</strong></:title> <:description>Your documents are organized into projects.</:description> </ConnieUI.Progress.step_card>
Attribute Type Default Description
current * :integer
Current step (1-indexed)
total * :integer
Total number of steps
click :any nil
Optional JS command for clicking completed dots.
Slot Slot attributes Description
:title *
:description *