mirror of
https://github.com/tabler/tabler.git
synced 2026-08-07 03:42:27 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
25 lines
673 B
Plaintext
25 lines
673 B
Plaintext
---
|
|
// Forward `size` only when explicitly provided.
|
|
import Progress from './Progress.astro'
|
|
|
|
interface Props {
|
|
label?: string
|
|
description?: string
|
|
value?: number | string
|
|
color?: string
|
|
size?: string
|
|
class?: string
|
|
}
|
|
|
|
const { label = 'Label', description, value, color = 'blue', size, class: className } = Astro.props
|
|
---
|
|
|
|
<div class:list={className}>
|
|
<div class="d-flex mb-1 align-items-center lh-1">
|
|
<div class="fs-5 fw-semibold m-0">{label}</div>
|
|
{description && <div class="fs-6 text-secondary ms-2">{description}</div>}
|
|
<span class="ms-auto fs-6 strong">{value}%</span>
|
|
</div>
|
|
<Progress size={size} value={value} color={color} />
|
|
</div>
|