@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
99 lines (98 loc) • 3.12 kB
TypeScript
/**
* NeonPageContainer is a component for the layout of basic (non-card based) page content. It is designed to be placed
* directly inside the NeonPage <em>contents</em> slot.
* <br />
* <br />
* Features include support for sticky button placement and hiding the nav bar.
*/
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/** The page title */
title: {
type: StringConstructor;
};
/** Hide the navbar */
hideNav: {
type: BooleanConstructor;
default: boolean;
};
/** Sticky button support on mobile */
stickyButtons: {
type: BooleanConstructor;
default: boolean;
};
}>, {
hasHeader: import("vue").ComputedRef<string | import("vue").Slot<any> | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/** The page title */
title: {
type: StringConstructor;
};
/** Hide the navbar */
hideNav: {
type: BooleanConstructor;
default: boolean;
};
/** Sticky button support on mobile */
stickyButtons: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
hideNav: boolean;
stickyButtons: boolean;
}, {}, {
NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
id: {
type: StringConstructor;
default: null;
};
color: {
type: () => import("../../../neon").NeonFunctionalColor;
default: null;
};
inverse: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>, {
sanitizedAttributes: import("vue").ComputedRef<{
[x: string]: unknown;
}>;
icon: import("vue").ComputedRef<string | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
id: {
type: StringConstructor;
default: null;
};
color: {
type: () => import("../../../neon").NeonFunctionalColor;
default: null;
};
inverse: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
color: import("../../../neon").NeonFunctionalColor;
id: string;
inverse: boolean;
disabled: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;