vuetning
Version:
<p align="center"> <img width="160"src="https://s3.amazonaws.com/arcthos.com/vuetning/logo.svg"> </p>
116 lines (115 loc) • 3.82 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
/**
* Indicates whether the column has a bottom bump.
*/
bumpBottom: BooleanConstructor;
/**
* Indicates whether the column has a left bump.
*/
bumpLeft: BooleanConstructor;
/**
* Indicates whether the column has a right bump.
*/
bumpRight: BooleanConstructor;
/**
* Indicates whether the column has a top bump.
*/
bumpTop: BooleanConstructor;
/**
* Indicates whether the column should hug the content and not grow.
*/
hug: BooleanConstructor;
/**
* Indicates whether the column should fill the remaining space.
*/
fill: BooleanConstructor;
/**
* The desired size of the column for screens above 96em in width.
* The values expected are fractions (e.g. 1/3) or percentages (e.g. 33%).
*/
hugeSize: StringConstructor;
/**
* The desired size of the column.
* The values expected are fractions (e.g. 1/3) or percentages (e.g. 33%).
*/
size: StringConstructor;
/**
* The desired size of the column for screens above 120em in width.
* The values expected are fractions (e.g. 1/3) or percentages (e.g. 33%).
*/
xHugeSize: StringConstructor;
}, unknown, unknown, {
/**
* The CSS class names for the column.
*/
columnClassNames(): string;
}, {
/**
* Validates if a given text is a valid percentage.
* @param input The text input to validate.
* @returns True if the text is a valid percentage, false otherwise.
*/
isValidFraction(input: string): boolean;
/**
* Validates if a given text is a valid fraction.
* @param input The text input to validate.
* @return true if the text is a valid fraction, false otherwise.
*/
isValidPercentage(input: string): boolean;
/**
* Returns the parsed CSS class name for the column size.
* @param input The fraction or percentage to map.
* @param specification The size specification, in case this size call is used for responsiveness.
* @returns The CSS class name.
* @throws {Error} If the input is neither a fraction nor a percentage.
*/
parseSizeClassName(input: string, specification?: string): string;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* Indicates whether the column has a bottom bump.
*/
bumpBottom: BooleanConstructor;
/**
* Indicates whether the column has a left bump.
*/
bumpLeft: BooleanConstructor;
/**
* Indicates whether the column has a right bump.
*/
bumpRight: BooleanConstructor;
/**
* Indicates whether the column has a top bump.
*/
bumpTop: BooleanConstructor;
/**
* Indicates whether the column should hug the content and not grow.
*/
hug: BooleanConstructor;
/**
* Indicates whether the column should fill the remaining space.
*/
fill: BooleanConstructor;
/**
* The desired size of the column for screens above 96em in width.
* The values expected are fractions (e.g. 1/3) or percentages (e.g. 33%).
*/
hugeSize: StringConstructor;
/**
* The desired size of the column.
* The values expected are fractions (e.g. 1/3) or percentages (e.g. 33%).
*/
size: StringConstructor;
/**
* The desired size of the column for screens above 120em in width.
* The values expected are fractions (e.g. 1/3) or percentages (e.g. 33%).
*/
xHugeSize: StringConstructor;
}>>, {
fill: boolean;
bumpBottom: boolean;
bumpLeft: boolean;
bumpRight: boolean;
bumpTop: boolean;
hug: boolean;
}, {}>;
export default _default;