0.2.27 • Published 2 years ago
@forlagshuset/v-tabs v0.2.27
FH Tabs component
ARIA implementation as in https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html
FHTabs props
props: {
ariaLabel: {
type: String
}
}```
FHTab props:
props: {
id: {
type: String,
default: null
},
name: {
type: String,
required: true
},
prefix: {
type: String,
default: ''
},
suffix: {
type: String,
default: ''
},
isDisabled: {
type: Boolean,
default: false
},
},
Basic example
<FHTabs>
<FHTab name="tab button name">
// Use other components or HTML here!
<FHTab>
</FHTabs>
Tabs with before/after templates
Using VueJS slots
:heart_eyes:
<FHTabs>
<template #before-tablist>Before Tablist</template>
<template #after-tablist>After Tablist</template>
<template #before-panels>Before Panels</template>
<template #after-panels>After Panels</template>
<FHTab name="tab button name">
// Use other components or HTML here!
<FHTab>
</FHTabs>
0.2.27
2 years ago
0.2.26
2 years ago
0.2.25
3 years ago
0.2.24
3 years ago
0.2.23
3 years ago
0.2.22
3 years ago
0.2.21
3 years ago
0.2.20
3 years ago
0.2.19
3 years ago
0.2.18
3 years ago
0.2.17
3 years ago
0.2.16
3 years ago
0.2.15
3 years ago
0.2.14
3 years ago
0.2.13
3 years ago
0.2.12
3 years ago
0.2.11
3 years ago
0.2.10
3 years ago
0.2.7
3 years ago
0.2.6
3 years ago
0.2.9
3 years ago
0.2.8
3 years ago
0.2.5
3 years ago
0.2.4
3 years ago
0.2.3
3 years ago
0.1.14
3 years ago
0.2.2
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.11
3 years ago
0.1.10
4 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago