mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
28 lines
730 B
Plaintext
28 lines
730 B
Plaintext
---
|
|
// Equivalent of parts/dropdown/days.html
|
|
interface Props {
|
|
id?: string;
|
|
label?: string;
|
|
value?: string;
|
|
}
|
|
|
|
const { id, label = 'Select time range', value = 'Last 7 days' } = Astro.props;
|
|
---
|
|
|
|
<div class="dropdown">
|
|
<a
|
|
class="dropdown-toggle text-secondary"
|
|
id={id ? `${id}-dropdown` : undefined}
|
|
href="#"
|
|
data-bs-toggle="dropdown"
|
|
aria-haspopup="true"
|
|
aria-expanded="false"
|
|
aria-label={label}
|
|
>{value}</a>
|
|
<div class="dropdown-menu dropdown-menu-end" aria-labelledby={id ? `${id}-dropdown` : undefined}>
|
|
<a class="dropdown-item active" href="#" aria-current="true">Last 7 days</a>
|
|
<a class="dropdown-item" href="#">Last 30 days</a>
|
|
<a class="dropdown-item" href="#">Last 3 months</a>
|
|
</div>
|
|
</div>
|