bootstrap-vue-next
Version:
BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.
54 lines (53 loc) • 1.89 kB
TypeScript
import { Numberish } from './CommonTypes';
export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
export type ColsBaseNumbers = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5';
export type ColsNumbers = ColsBaseNumbers | 6 | 7 | 8 | 9 | 10 | 11 | 12 | '6' | '7' | '8' | '9' | '10' | '11' | '12';
export type GutterNumbers = ColsBaseNumbers | 0 | '0';
export type ColsOrderNumbers = ColsBaseNumbers | 'first' | 'last';
export type ColsOffsetNumbers = ColsNumbers | 0 | '0';
export interface OffsetBreakpointProps {
offsetSm?: ColsOffsetNumbers;
offsetMd?: ColsOffsetNumbers;
offsetLg?: ColsOffsetNumbers;
offsetXl?: ColsOffsetNumbers;
offsetXxl?: ColsOffsetNumbers;
}
export interface OrderBreakpointProps {
orderSm?: ColsOrderNumbers;
orderMd?: ColsOrderNumbers;
orderLg?: ColsOrderNumbers;
orderXl?: ColsOrderNumbers;
orderXxl?: ColsOrderNumbers;
}
export interface ColBreakpointProps {
sm?: boolean | ColsNumbers | 'auto';
md?: boolean | ColsNumbers | 'auto';
lg?: boolean | ColsNumbers | 'auto';
xl?: boolean | ColsNumbers | 'auto';
xxl?: boolean | ColsNumbers | 'auto';
}
export interface RowColsBreakpointProps {
colsSm?: ColsNumbers;
colsMd?: ColsNumbers;
colsLg?: ColsNumbers;
colsXl?: ColsNumbers;
colsXxl?: ColsNumbers;
}
export interface ContentColsBreakpointProps {
contentColsSm?: boolean | Numberish;
contentColsMd?: boolean | Numberish;
contentColsLg?: boolean | Numberish;
contentColsXl?: boolean | Numberish;
}
export interface LabelAlignBreakpointProps {
labelAlignSm?: string;
labelAlignMd?: string;
labelAlignLg?: string;
labelAlignXl?: string;
}
export interface LabelColsBreakpointProps {
labelColsSm?: boolean | Numberish;
labelColsMd?: boolean | Numberish;
labelColsLg?: boolean | Numberish;
labelColsXl?: boolean | Numberish;
}