mirror of
https://github.com/tabler/tabler.git
synced 2026-08-28 21:01:59 +04:00
Improve accessibility across layouts, components, and forms (#2799)
This commit is contained in:
@@ -10,13 +10,13 @@ const { icon = 'dots-vertical', class: className } = Astro.props
|
||||
---
|
||||
|
||||
<div class:list={['dropdown', className]}>
|
||||
<a href="#" class="btn btn-action" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<button type="button" class="btn btn-action" data-bs-toggle="dropdown" aria-expanded="false" aria-label="More actions">
|
||||
<Icon name={icon} />
|
||||
</a>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">Import</a>
|
||||
<a href="#" class="dropdown-item">Export</a>
|
||||
<a href="#" class="dropdown-item">Download</a>
|
||||
<a href="#" class="dropdown-item text-danger">Delete</a>
|
||||
<button type="button" class="dropdown-item">Import</button>
|
||||
<button type="button" class="dropdown-item">Export</button>
|
||||
<button type="button" class="dropdown-item">Download</button>
|
||||
<button type="button" class="dropdown-item text-danger">Delete</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user