Renders an inline data bar for table cells.

Examples

<.data_bar value={95} variant="success" />

Attributes

• value (:integer) (required) - Percentage (0-100).
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", or "info".
• class (:string) - Defaults to nil.

Renders a semi-circle dashboard gauge.

Examples

<.gauge value={72} label="CPU" />
<.gauge value={45} label="Memory" variant="success" min="0" max="32 GB" />

Attributes

• value (:integer) (required) - 0-100.
• value_text (:string) - Custom value display text. Defaults to nil.
• label (:string) - Defaults to nil.
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", or "info".
• is_zones (:boolean) - Zone-colored gauge. Defaults to false.
• min (:string) - Defaults to "0".
• max (:string) - Defaults to "100".
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders an activity heatmap grid.

Examples

<.heatmap columns={12} levels={[0,1,2,3,4,2,0, 1,3,4,2,1,3,4]} />

Attributes

• columns (:integer) (required) - Number of columns in grid.
• levels (:list) (required) - List of level values (0-4).
• variant (:string) - Defaults to nil.Must be one of nil, "success", "warning", "danger", or "info".
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders a heatmap legend.

Renders a progress bar.

Examples

<.progress value={65} />
<.progress value={89} variant="success" size="lg" is_striped is_animated />

Attributes

• value (:integer) - Progress percentage (0-100). Defaults to 0.
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", or "info".
• size (:string) - Defaults to nil.Must be one of nil, "xs", "sm", or "lg".
• is_striped (:boolean) - Defaults to false.
• is_animated (:boolean) - Defaults to false.
• is_rounded (:boolean) - Pill shape. Defaults to false.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders a labeled progress bar.

Examples

<.progress_group label="Storage Used" value={65} />
<.progress_group label="Upload" value={89} variant="success" />

Attributes

• label (:string) (required)
• value (:integer) (required)
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", or "info".
• size (:string) - Defaults to nil.Must be one of nil, "xs", "sm", or "lg".
• is_striped (:boolean) - Defaults to false.
• is_animated (:boolean) - Defaults to false.
• is_rounded (:boolean) - Defaults to false.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders a circular progress ring.

Examples

<.progress_ring value={72} label="CPU" />
<.progress_ring value={94} label="Uptime" variant="success" size="lg" />

Attributes

• value (:integer) (required) - 0-100.
• label (:string) - Defaults to nil.
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", or "info".
• size (:string) - Defaults to nil.Must be one of nil, "sm", or "lg".
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders sparkline mini bars.

Examples

<.sparkline values={[40, 65, 55, 80, 70, 90, 85]} />
<.sparkline values={[30, 50, 70, 45, 80, 60, 55]} variant="success" />

Attributes

• values (:list) (required) - List of percentage values (0-100).
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", or "info".
• size (:string) - Defaults to nil.Must be one of nil, or "lg".
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders a stacked bar with multiple segments.

Examples

<.stacked_bar>
  <.stacked_segment value={35} />
  <.stacked_segment value={25} variant="success" />
</.stacked_bar>

Attributes

• size (:string) - Defaults to nil.Must be one of nil, or "lg".
• is_rounded (:boolean) - Defaults to false.
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

Renders a legend for stacked bars.

Attributes

• class (:string) - Defaults to nil.

Slots

• inner_block (required)

Renders a legend item.

Attributes

• label (:string) (required)
• variant (:string) - Defaults to "primary". Must be one of "primary", "success", "warning", "danger", "info", or "secondary".

Renders a segment in a stacked bar.

Attributes

• value (:integer) (required) - Percentage width.
• variant (:string) - Defaults to nil.Must be one of nil, "primary", "success", "warning", "danger", "info", or "secondary".