fix: normalize component boundary spacing
This commit is contained in:
@@ -1,11 +1,12 @@
|
||||
component ProgressBar {
|
||||
props {
|
||||
class = ""
|
||||
value = 0
|
||||
max = 100
|
||||
label = "Progress"
|
||||
showValue = true
|
||||
}
|
||||
view {
|
||||
<div><div class="mb-2 flex justify-between text-sm"><span>{label}</span><span data-show="showValue">{value}%</span></div><div class="h-2 overflow-hidden rounded-full bg-slate-200 dark:bg-slate-800" role="progressbar" aria-valuenow="{value}" aria-valuemin="0" aria-valuemax="{max}"><div class="h-full rounded-full bg-violet-600 transition-all duration-500" style="width: {value}%"></div></div></div>
|
||||
<div class="{class}"><div class="mb-2 flex justify-between text-sm"><span>{label}</span><span data-show="showValue">{value}%</span></div><div class="h-2 overflow-hidden rounded-full bg-slate-200 dark:bg-slate-800" role="progressbar" aria-valuenow="{value}" aria-valuemin="0" aria-valuemax="{max}"><div class="h-full rounded-full bg-violet-600 transition-all duration-500" style="width: {value}%"></div></div></div>
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user