@fifteen/design-system-vue/dist/types/components/FExpandable.d.ts

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

import { Color } from '../types/colors';
export interface FExpandableProps {
    /**
     * Value of the component
     * @model
     */
    modelValue?: boolean;
    /**
     * Gap between title and content
     */
    gap?: string | number;
    /**
     * Padding Top & bottom
     */
    titleVerticalPadding?: string | number;
    /**
     * Scale the + / - icons, which base size is 20px
     */
    iconScale?: string | number;
    /**
     * With animation on hover
     */
    withHoverAnimation?: boolean;
    /**
     * backgroundColor of the title component when hover
     */
    hoverColor?: Color;
    /**
     * Color of the text when hover
     */
    textHoverColor?: Color;
    /**
     * In some cases, we need to disable isolation that creates a new stacking context for each expandable instance
     */
    noIsolation?: boolean;
}
declare function __VLS_template(): {
    slots: {
        title?(_: {}): any;
        default?(_: {}): any;
    };
    refs: {
        contentRef: HTMLDivElement;
    };
    attrs: Partial<{}>;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<FExpandableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FExpandableProps> & Readonly<{}>, {
    hoverColor: Color;
    modelValue: boolean;
    gap: string | number;
    titleVerticalPadding: string | number;
    iconScale: string | number;
    withHoverAnimation: boolean;
    textHoverColor: Color;
    noIsolation: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};