@notiz/formly-tailwindcss
Version:
Formly TailwindCSS theme
86 lines (81 loc) • 3.16 kB
JavaScript
/**
*
* @param fieldConfig
* @param columnClasses default to col-span-1
* @returns
*/
const formlyTailwindColumn = (fieldConfig, columnClasses = 'col-span-1') => {
return {
className: columnClasses,
...fieldConfig,
};
};
const formlyTailwindColumnTwo = (fieldConfig) => {
return formlyTailwindColumn(fieldConfig, 'col-span-2');
};
const formlyTailwindColumnThree = (fieldConfig) => {
return formlyTailwindColumn(fieldConfig, 'col-span-3');
};
const formlyTailwindColumnSix = (fieldConfig) => {
return formlyTailwindColumn(fieldConfig, 'col-span-6');
};
const formlyTailwindColumnTwelve = (fieldConfig) => {
return formlyTailwindColumn(fieldConfig, 'col-span-12');
};
/**
*
* @param fieldConfig
* @param groupConfig
* @param flexClasses default to flex
* @returns
*/
const formlyTailwindFlex = (fieldConfig, groupConfig = {}, flexClasses = 'flex') => {
return {
fieldGroupClassName: flexClasses,
fieldGroup: fieldConfig,
...groupConfig,
};
};
const formlyTailwindFlexJustifyBetween = (fieldConfig, groupConfig = {}) => {
return formlyTailwindFlex(fieldConfig, groupConfig, 'flex justify-between');
};
const formlyTailwindFlexJustifyAround = (fieldConfig, groupConfig = {}) => {
return formlyTailwindFlex(fieldConfig, groupConfig, 'flex justify-around');
};
const formlyTailwindFlexJustifyEvenly = (fieldConfig, groupConfig = {}) => {
return formlyTailwindFlex(fieldConfig, groupConfig, 'flex justify-evenly');
};
/**
*
* @param fieldConfig
* @param groupConfig
* @param gridClasses default to grid with gap-4
* @returns
*/
const formlyTailwindGrid = (fieldConfig, groupConfig = {}, gridClasses = 'grid gap-4') => {
return {
fieldGroup: fieldConfig,
fieldGroupClassName: gridClasses,
...groupConfig,
};
};
const formlyTailwindGridTwoCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-2 gap-4');
};
const formlyTailwindGridThreeCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-3 gap-4');
};
const formlyTailwindGridFourCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-4 gap-4');
};
const formlyTailwindGridSixCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-6 gap-4');
};
const formlyTailwindGridTwelveCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-12 gap-4');
};
/**
* Generated bundle index. Do not edit.
*/
export { formlyTailwindColumn, formlyTailwindColumnSix, formlyTailwindColumnThree, formlyTailwindColumnTwelve, formlyTailwindColumnTwo, formlyTailwindFlex, formlyTailwindFlexJustifyAround, formlyTailwindFlexJustifyBetween, formlyTailwindFlexJustifyEvenly, formlyTailwindGrid, formlyTailwindGridFourCols, formlyTailwindGridSixCols, formlyTailwindGridThreeCols, formlyTailwindGridTwelveCols, formlyTailwindGridTwoCols };
//# sourceMappingURL=notiz-formly-tailwindcss-layouts.mjs.map