All files / js/components ListTableActionLabel.vue

0% Statements 0/4
100% Branches 0/0
100% Functions 0/0
0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20                                       
<script setup lang="ts">
/**
 * Row actions on list/table views: label text from md breakpoint up; icon-only below md
 * (sr-only duplicate keeps screen readers working when the icon is visible).
 */
defineProps<{
    label: string;
}>();
</script>
 
<template>
    <span class="inline-flex items-center justify-center gap-1.5">
        <span class="inline-flex shrink-0 md:hidden" aria-hidden="true">
            <slot />
        </span>
        <span class="sr-only md:hidden">{{ label }}</span>
        <span class="hidden md:inline">{{ label }}</span>
    </span>
</template>