18 lines
515 B
Plaintext
18 lines
515 B
Plaintext
component Progress {
|
|
props {
|
|
size: string = "default"
|
|
color: string = "primary"
|
|
label: string = "Progress"
|
|
value: number = 50
|
|
max: number = 100
|
|
showValue: boolean = true
|
|
class: string = ""
|
|
}
|
|
view {
|
|
<div class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--progress {class}">
|
|
<div class="wire-next__row"><span>{label}</span>{#if showValue}<strong>{value}%</strong>{/if}</div>
|
|
<progress value="{value}" max="{max}"></progress>
|
|
</div>
|
|
}
|
|
}
|