> For the complete documentation index, see [llms.txt](https://docs.beae.dev/beae-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.beae.dev/beae-docs/developer/field-types/dimension.md).

# Dimension

![](https://4033530058-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgeAm-aCVWZlo25_Cpn%2F-MgocM8q8KTZfS2g9FE3%2F-MgodDG8fVC6n9CkWnWR%2Fimage.png?alt=media\&token=ef3e6a7f-07a4-444e-a7c6-4dbf1098b902)

```
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
                }
            }
        }
    }
]
```