DaisyUIComponents.Steps (DaisyUIComponents v0.8.6)
View SourceSteps component used to display a sequence of steps in a process.
Basic Example:
<.steps>
<.step class="step-primary">Register</.step>
<.step class="step-primary">Choose plan</.step>
<.step>Purchase</.step>
<.step>Receive Product</.step>
</.steps>
Renders:
<ul class="steps">
<li class="step step-primary">Register</li>
<li class="step step-primary">Choose plan</li>
<li class="step">Purchase</li>
<li class="step">Receive Product</li>
</ul>
Summary
Functions
Attributes
class
(:any
) - Defaults tonil
.icon
(:string
) - Defaults tonil
.content
(:string
) - Defaults tonil
.color
(:string
) - Must be one of"primary"
,"secondary"
,"accent"
,"info"
,"success"
,"warning"
,"error"
, or"neutral"
.- Global attributes are accepted.
Slots
inner_block
Attributes
class
(:any
) - Defaults tonil
.vertical
(:boolean
) - Defaults tofalse
.horizontal
(:boolean
) - Defaults tofalse
.- Global attributes are accepted.
Slots
inner_block