bootstrap-vue-next
Version:
BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.
64 lines (63 loc) • 2.13 kB
text/typescript
import { AriaInvalid } from '../types/AriaInvalid';
import { MaybeRefOrGetter } from 'vue';
import { Size } from '../types/Size';
import { ButtonVariant } from '../types/ColorTypes';
import { ValidationState } from '../types/CommonTypes';
interface ClassesItemsInput {
plain?: boolean;
button?: boolean;
inline?: boolean;
reverse?: boolean;
switch?: boolean;
size?: Size;
hasDefaultSlot?: boolean;
}
declare const getClasses: (items: MaybeRefOrGetter<ClassesItemsInput>) => import('vue').ComputedRef<{
[x: string]: boolean | undefined;
'form-check': boolean | undefined;
'form-check-reverse': boolean;
'form-check-inline': boolean;
'form-switch': boolean;
}>;
interface InputClassesItemsInput {
plain?: boolean;
button?: boolean;
state?: ValidationState;
}
declare const getInputClasses: (items: MaybeRefOrGetter<InputClassesItemsInput>) => import('vue').ComputedRef<(string | {
'form-check-input': boolean;
'btn-check': boolean;
} | null)[]>;
interface LabelClasesItemsInput {
plain?: boolean;
button?: boolean;
buttonVariant?: ButtonVariant | null;
size?: Size;
}
declare const getLabelClasses: (items: MaybeRefOrGetter<LabelClasesItemsInput>) => import('vue').ComputedRef<{
[x: string]: boolean | undefined;
'form-check-label': boolean;
btn: boolean;
}>;
interface GroupAttrItemsInput {
required?: boolean;
ariaInvalid?: AriaInvalid;
state?: ValidationState;
}
declare const getGroupAttr: (items: MaybeRefOrGetter<GroupAttrItemsInput>) => import('vue').ComputedRef<{
'aria-invalid': Exclude<AriaInvalid, ""> | undefined;
'aria-required': boolean | undefined;
}>;
interface GroupClassesItemsInput {
validated?: boolean;
buttons?: boolean;
stacked?: boolean;
size?: Size;
}
declare const getGroupClasses: (items: MaybeRefOrGetter<GroupClassesItemsInput>) => import('vue').ComputedRef<{
[x: string]: boolean;
'was-validated': boolean;
'btn-group': boolean;
'btn-group-vertical': boolean;
}>;
export { getClasses, getInputClasses, getLabelClasses, getGroupAttr, getGroupClasses };