mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
16 lines
420 B
Plaintext
16 lines
420 B
Plaintext
---
|
|
// A single legend item: a colored .legend dot + label, e.g. the "This year" /
|
|
// "Last year" chart legend in SalesOverview.astro.
|
|
interface Props {
|
|
color?: string
|
|
class?: string
|
|
}
|
|
|
|
const { color = 'primary', class: className } = Astro.props
|
|
---
|
|
|
|
<div class:list={['d-flex align-items-center gap-2', className]}>
|
|
<span class={`legend bg-${color}`}></span>
|
|
<span class="text-secondary"><slot /></span>
|
|
</div>
|