Marking payouts as paid
412 of 1,432
HEEx
<div class="w-md">
<ConnieUI.Progress.batch completed={412} total={1432}>Marking payouts as paid</ConnieUI.Progress.batch>
</div>
Variant matrix
Every combination of one or two attributes, side by side.
Controls
Set by the example
class
Docs
A long-running batch, as a labelled bar with a count.
For work handed to a background job, where a spinner would read as broken. The
component is presentation only: the caller owns the counting and the liveness,
and re-renders this as the numbers arrive.
## Examples
<ConnieUI.Progress.batch completed={412} total={1432}>
Marking payouts as paid
</ConnieUI.Progress.batch>
<ConnieUI.Progress.batch completed={1432} total={1432} status={:done}>
Marking payouts as paid
</ConnieUI.Progress.batch>
| Attribute | Type | Default | Description |
|---|---|---|---|
| No data found. | |||
| completed * | :integer |
|
|
| total * | :integer |
|
|
| status | :atom | :running |
`:running` shows the bar filling, `:done` and `:failed` show the outcome.
:running | :done | :failed
|
| class | :any | nil |
|
| Slot | Slot attributes | Description |
|---|---|---|
| No data found. | ||
| inner_block * | what the batch is doing | |
| :action | an optional trailing control | |