Props mirror Base UI React where applicable, adapted for Svelte 5. Native HTML attributes for the rendered element are also
accepted unless noted.
Meter.Root
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
value | number | — | Controlled value. |
min | number | — | — |
max | number | — | — |
format | Intl.NumberFormatOptions | undefined | — | — |
getAriaValueText | ((formattedValue: string, value: number) => string | undefined) | undefined | — | — |
locale | Intl.LocalesArgument | undefined | — | — |
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-progressing | Present on the element when applicable. |
Meter.Indicator
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-progressing | Present on the element when applicable. |
Meter.Label
Extends span HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-progressing | Present on the element when applicable. |
Meter.Track
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-progressing | Present on the element when applicable. |
Meter.Value
Extends span HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet<[formattedValue: string, value: number]> | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-complete | Present on the element when applicable. |
data-progressing | Present on the element when applicable. |