DaisyUIComponents.Steps (DaisyUIComponents v0.8.6)

View Source

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)

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