@zohodesk/layout
Version:
Unified Component Library - Layout
69 lines • 1.34 kB
JavaScript
export const DISPLAY = {
FLEX: 'flex',
INLINE_FLEX: 'inlineFlex'
};
export const DIRECTION = {
ROW: 'row',
COLUMN: 'column',
ROW_REVERSE: 'rowReverse',
COLUMN_REVERSE: 'columnReverse'
};
export const ALIGN_ITEMS = {
START: 'start',
CENTER: 'center',
END: 'end',
BASELINE: 'baseline',
STRETCH: 'stretch'
};
export const JUSTIFY_CONTENT = {
SPACE_BETWEEN: 'spaceBetween',
CENTER: 'center',
SPACE_AROUND: 'spaceAround',
SPACE_EVENLY: 'spaceEvenly',
START: 'start',
END: 'end'
};
export const ALIGN_CONTENT = {
SPACE_BETWEEN: 'spaceBetween',
CENTER: 'center',
SPACE_AROUND: 'spaceAround',
SPACE_EVENLY: 'spaceEvenly',
START: 'start',
END: 'end',
STRETCH: 'stretch'
};
export const ALIGN_SELF = {
START: 'start',
END: 'end',
CENTER: 'center',
STRETCH: 'stretch'
};
export const SCROLL = {
HORIZONTAL: 'horizontal',
VERTICAL: 'vertical',
BOTH: 'both',
HIDDEN: 'hidden',
NONE: 'none'
};
export const WRAP = {
WRAP: 'wrap',
WRAP_REVERSE: 'wrapReverse',
NO_WRAP: 'noWrap'
};
export const SIZE = {
AUTO: 'auto',
COVER: 'cover'
};
export const GAP_VALUES = ['2', '4', '6', '8', '10', '12', '14', '16', '18', '20'];
export const GROW = {
GROW: '1',
NO_GROW: '0'
};
export const SHRINK = {
SHRINK: '1',
NO_SHRINK: '0'
};
export const BASIS = {
AUTO: 'auto',
ZERO: '0'
};