DaisyUIComponents.Steps (DaisyUIComponents v0.9.3)

Steps 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

step(assigns)

steps(assigns)

Functions

step(assigns)

Attributes

class (:any) - Defaults to nil.
icon (:string) - Defaults to nil.
content (:string) - Defaults to nil.
color (:string) - Must be one of "primary", "secondary", "accent", "info", "success", "warning", "error", or "neutral".
Global attributes are accepted.

Slots

inner_block

steps(assigns)

Attributes

class (:any) - Defaults to nil.
vertical (:boolean) - Defaults to false.
horizontal (:boolean) - Defaults to false.
Global attributes are accepted.

Slots

inner_block