@notiz/formly-tailwindcss
Version:
Formly TailwindCSS theme
30 lines • 4.78 kB
JavaScript
/**
*
* @param fieldConfig
* @param groupConfig
* @param gridClasses default to grid with gap-4
* @returns
*/
export const formlyTailwindGrid = (fieldConfig, groupConfig = {}, gridClasses = 'grid gap-4') => {
return {
fieldGroup: fieldConfig,
fieldGroupClassName: gridClasses,
...groupConfig,
};
};
export const formlyTailwindGridTwoCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-2 gap-4');
};
export const formlyTailwindGridThreeCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-3 gap-4');
};
export const formlyTailwindGridFourCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-4 gap-4');
};
export const formlyTailwindGridSixCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-6 gap-4');
};
export const formlyTailwindGridTwelveCols = (fieldConfig, groupConfig = {}) => {
return formlyTailwindGrid(fieldConfig, groupConfig, 'grid grid-cols-12 gap-4');
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Zvcm1seS10YWlsd2luZGNzcy9sYXlvdXRzL3NyYy9ncmlkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBOzs7Ozs7R0FNRztBQUNILE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQ2hDLFdBQWdDLEVBQ2hDLGNBQWlDLEVBQUUsRUFDbkMsV0FBVyxHQUFHLFlBQVksRUFDUCxFQUFFO0lBQ3JCLE9BQU87UUFDTCxVQUFVLEVBQUUsV0FBVztRQUN2QixtQkFBbUIsRUFBRSxXQUFXO1FBQ2hDLEdBQUcsV0FBVztLQUNmLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxDQUN2QyxXQUFnQyxFQUNoQyxjQUFpQyxFQUFFLEVBQ25DLEVBQUU7SUFDRixPQUFPLGtCQUFrQixDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUNoRixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxDQUN6QyxXQUFnQyxFQUNoQyxjQUFpQyxFQUFFLEVBQ25DLEVBQUU7SUFDRixPQUFPLGtCQUFrQixDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUNoRixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBRyxDQUN4QyxXQUFnQyxFQUNoQyxjQUFpQyxFQUFFLEVBQ25DLEVBQUU7SUFDRixPQUFPLGtCQUFrQixDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUNoRixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxDQUN2QyxXQUFnQyxFQUNoQyxjQUFpQyxFQUFFLEVBQ25DLEVBQUU7SUFDRixPQUFPLGtCQUFrQixDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUNoRixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxDQUMxQyxXQUFnQyxFQUNoQyxjQUFpQyxFQUFFLEVBQ25DLEVBQUU7SUFDRixPQUFPLGtCQUFrQixDQUN2QixXQUFXLEVBQ1gsV0FBVyxFQUNYLHlCQUF5QixDQUMxQixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybWx5RmllbGRDb25maWcgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcblxuLyoqXG4gKlxuICogQHBhcmFtIGZpZWxkQ29uZmlnXG4gKiBAcGFyYW0gZ3JvdXBDb25maWdcbiAqIEBwYXJhbSBncmlkQ2xhc3NlcyBkZWZhdWx0IHRvIGdyaWQgd2l0aCBnYXAtNFxuICogQHJldHVybnNcbiAqL1xuZXhwb3J0IGNvbnN0IGZvcm1seVRhaWx3aW5kR3JpZCA9IChcbiAgZmllbGRDb25maWc6IEZvcm1seUZpZWxkQ29uZmlnW10sXG4gIGdyb3VwQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZyA9IHt9LFxuICBncmlkQ2xhc3NlcyA9ICdncmlkIGdhcC00J1xuKTogRm9ybWx5RmllbGRDb25maWcgPT4ge1xuICByZXR1cm4ge1xuICAgIGZpZWxkR3JvdXA6IGZpZWxkQ29uZmlnLFxuICAgIGZpZWxkR3JvdXBDbGFzc05hbWU6IGdyaWRDbGFzc2VzLFxuICAgIC4uLmdyb3VwQ29uZmlnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGZvcm1seVRhaWx3aW5kR3JpZFR3b0NvbHMgPSAoXG4gIGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZ1tdLFxuICBncm91cENvbmZpZzogRm9ybWx5RmllbGRDb25maWcgPSB7fVxuKSA9PiB7XG4gIHJldHVybiBmb3JtbHlUYWlsd2luZEdyaWQoZmllbGRDb25maWcsIGdyb3VwQ29uZmlnLCAnZ3JpZCBncmlkLWNvbHMtMiBnYXAtNCcpO1xufTtcblxuZXhwb3J0IGNvbnN0IGZvcm1seVRhaWx3aW5kR3JpZFRocmVlQ29scyA9IChcbiAgZmllbGRDb25maWc6IEZvcm1seUZpZWxkQ29uZmlnW10sXG4gIGdyb3VwQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZyA9IHt9XG4pID0+IHtcbiAgcmV0dXJuIGZvcm1seVRhaWx3aW5kR3JpZChmaWVsZENvbmZpZywgZ3JvdXBDb25maWcsICdncmlkIGdyaWQtY29scy0zIGdhcC00Jyk7XG59O1xuXG5leHBvcnQgY29uc3QgZm9ybWx5VGFpbHdpbmRHcmlkRm91ckNvbHMgPSAoXG4gIGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZ1tdLFxuICBncm91cENvbmZpZzogRm9ybWx5RmllbGRDb25maWcgPSB7fVxuKSA9PiB7XG4gIHJldHVybiBmb3JtbHlUYWlsd2luZEdyaWQoZmllbGRDb25maWcsIGdyb3VwQ29uZmlnLCAnZ3JpZCBncmlkLWNvbHMtNCBnYXAtNCcpO1xufTtcblxuZXhwb3J0IGNvbnN0IGZvcm1seVRhaWx3aW5kR3JpZFNpeENvbHMgPSAoXG4gIGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZ1tdLFxuICBncm91cENvbmZpZzogRm9ybWx5RmllbGRDb25maWcgPSB7fVxuKSA9PiB7XG4gIHJldHVybiBmb3JtbHlUYWlsd2luZEdyaWQoZmllbGRDb25maWcsIGdyb3VwQ29uZmlnLCAnZ3JpZCBncmlkLWNvbHMtNiBnYXAtNCcpO1xufTtcblxuZXhwb3J0IGNvbnN0IGZvcm1seVRhaWx3aW5kR3JpZFR3ZWx2ZUNvbHMgPSAoXG4gIGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZ1tdLFxuICBncm91cENvbmZpZzogRm9ybWx5RmllbGRDb25maWcgPSB7fVxuKSA9PiB7XG4gIHJldHVybiBmb3JtbHlUYWlsd2luZEdyaWQoXG4gICAgZmllbGRDb25maWcsXG4gICAgZ3JvdXBDb25maWcsXG4gICAgJ2dyaWQgZ3JpZC1jb2xzLTEyIGdhcC00J1xuICApO1xufTtcbiJdfQ==