@ownclouders/design-system
Version:
ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components
45 lines (44 loc) • 1.63 kB
TypeScript
/**
* OcGrid Component
*
* The Grid system allows you to arrange block elements in columns. It supports
* configurable gutters and optional flexbox alignment for centering elements.
*
* @component
* @name OcGrid
* @status ready
* @release 1.0.0
*
* @props
* @property {('small'|'medium'|'large'|'collapse')} [gutter='collapse'] - The Grid component comes with a default gutter that is decreased automatically from a certain breakpoint. To apply a different gutter, use one of the following: 'small', 'medium', 'large', or 'collapse'.
* @property {boolean} [flex=false] - Center elements along the cross axis using flexbox.
*
* @slots
* @slot default - Slot for grid content.
*
* @example
* <template>
* <oc-grid gutter="large" :flex="tue" />
* </template>
*/
interface Props {
gutter?: 'small' | 'medium' | 'large' | 'collapse';
flex?: boolean;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};