LanternUI.Components.ProgressRing (LanternUI v0.8.2)

Copy Markdown View Source

Deprecated alias of LanternUI.Components.Progress.progress/1 with shape="ring". Removed in 0.9.0.

<.progress shape="ring" value={7} max={19} label="Completion">7 / 19</.progress>

Summary

Functions

progress_ring(assigns)

This function is deprecated. Use progress/1 with shape="ring". Removed in 0.9.0..

Attributes

  • value (:integer) - Completed amount. Ignored when scope is set. Defaults to nil.
  • max (:integer) - Total amount. Defaults to 100 when only value is set. Defaults to nil.
  • completed (:integer) - Flicker alias of value; used with scope. Defaults to nil.
  • scope (:integer) - Flicker alias of max. Defaults to nil.
  • size (:string) - sm is 28px; md is 40px. Defaults to "md". Must be one of "sm", or "md".
  • color (:string) - Semantic colour of the progress stroke. Defaults to "success". Must be one of "success", "accent", "primary", "danger", "warning", or "info".
  • label (:string) - Accessible name. Decorative (aria-hidden) when omitted and no inner slot. Defaults to nil.
  • class (:any) - Extra classes merged onto the root element. Defaults to nil.
  • Global attributes are accepted. Arbitrary HTML/phx-* attributes passed through.

Slots

  • inner_block - Optional caption beside the ring (counts, short copy).