arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: improve lighthouse score and accessibility (#3673)

Browse Source
This commit is contained in:
Hugo Richard
2025-03-25 16:23:35 +01:00
committed by GitHub
parent df00149598
commit 9509c37af8
17 changed files with 97 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
playground/app/pages/components/table.vue
View File

@@ -148,12 +148,12 @@ const columns: TableColumn<Payment>[] = [{
header: ({ table }) => h(UCheckbox, {
'modelValue': table.getIsSomePageRowsSelected() ? 'indeterminate' : table.getIsAllPageRowsSelected(),
'onUpdate:modelValue': (value: boolean | 'indeterminate') => table.toggleAllPageRowsSelected(!!value),
'ariaLabel': 'Select all'
'aria-label': 'Select all'
}),
cell: ({ row }) => h(UCheckbox, {
'modelValue': row.getIsSelected(),
'onUpdate:modelValue': (value: boolean | 'indeterminate') => row.toggleSelected(!!value),
'ariaLabel': 'Select row'
'aria-label': 'Select row'
}),
enableSorting: false,
enableHiding: false
@@ -251,15 +251,17 @@ const columns: TableColumn<Payment>[] = [{
}]
return h('div', { class: 'text-right' }, h(UDropdownMenu, {
content: {
'content': {
align: 'end'
},
items
items,
'aria-label': 'Actions dropdown'
}, () => h(UButton, {
icon: 'i-lucide-ellipsis-vertical',
color: 'neutral',
variant: 'ghost',
class: 'ms-auto'
'icon': 'i-lucide-ellipsis-vertical',
'color': 'neutral',
'variant': 'ghost',
'class': 'ms-auto',
'aria-label': 'Actions dropdown'
})))
}
}]