@copy-paste/grid

Other

validate with Vue.js

loading with Vue.js

Development

npm install @copy-paste/grid

Config

import grid from '@copy-paste/grid'

Vue.use(grid)

Usage

<v-grid
    xs="1fr"
    sm="100px 1fr"
    md="1fr 1fr 1fr"
    lg="1fr 1fr 1fr 1fr"
    xl="1fr 1fr 1fr 1fr 1fr"
    gap="20px"
>
    <input style="width: 100%;" />
    <input style="width: 100%;" />
    <input style="width: 100%;" />
    <input style="width: 100%;" />
    <input style="width: 100%;" />
</v-grid>

# or gap with object

<v-grid
    xs="1fr"
    sm="100px 1fr"
    md="1fr 1fr 1fr"
    lg="1fr 1fr 1fr 1fr"
    xl="1fr 1fr 1fr 1fr 1fr"
    :gap="{
        xs: '5px',
        sm: '10px',
        md: '15px',
        lg: '20px',
        xl: '25px'
    }"
>
    <input style="width: 100%;" />
    <input style="width: 100%;" />
    <input style="width: 100%;" />
    <input style="width: 100%;" />
    <input style="width: 100%;" />
</v-grid>

📑 License

MIT License