DaisyUIComponents.Indicator (DaisyUIComponents v0.7.6)

View Source

Indicator component

https://daisyui.com/components/indicator/

Summary

Functions

indicator(assigns)

Renders a indicator.

Examples

<.indicator>
  <:badge color="secondary" />
  <div class="bg-base-300 grid h-32 w-32 place-items-center">content</div>
</.indicator>

without a badge slot:

<.indicator>
  <.badge color="secondary" class="indicator-item"></.badge>
  <div class="bg-base-300 grid h-32 w-32 place-items-center">content</div>
</.indicator>

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • badge - Accepts attributes:
    • class (:any)
    • color (:string) - Must be one of "primary", "secondary", "accent", "info", "success", "warning", or "error".
    • align (:string) - Must be one of "start", "end", or "center".
    • direction (:string) - Must be one of "top", "bottom", or "middle".
  • inner_block

indicator_aligns()

indicator_directions()