Dimension

params: [
    {
        name: 'padding',
        type: 'dimension',
        label: 'Default',
        options: {
            responsive: true,
            units: {
                'px': {
                    min: 0,
                    max: 1000
                },
                '%': {
                    min: 0,
                    max: 100
                },
                'em': {
                    min: 0,
                    max: 100
                },
                'rem': {
                    min: 0,
                    max: 100
                }
            }
        }
    },
    {
        name: 'padding',
        type: 'dimension',
        label: 'Custom',
        options: {
            responsive: true,
            inputs: [
                {name: 'top', label: 'TOP', auto: true},
                {name: 'right', label: 'RIGHT'},
                {name: 'left', label: 'LEFT'}
            ],
            units: {
                'px': {
                    min: 0,
                    max: 1000
                },
                '%': {
                    min: 0,
                    max: 100
                },
                'em': {
                    min: 0,
                    max: 100
                },
                'rem': {
                    min: 0,
                    max: 100
                }
            }
        }
    }
]