How to use split-grid - 3 common examples

To help you get started, we’ve selected a few split-grid examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github nathancahill / split / packages / react-split-grid / src / index.js View on Github external
if (columnMinSizes !== prevColumnMinSizes) {
            needsRecreate = true
        }

        if (rowMinSizes !== prevRowMinSizes) {
            needsRecreate = true
        }

        // Destroy and re-create split if options changed
        if (needsRecreate) {
            options.columnMinSizes = columnMinSizes
            options.rowMinSizes = rowMinSizes

            this.split.destroy(false)

            this.split = Split(options)
        }
    }
github nathancahill / split / packages / react-split-grid / src / index.js View on Github external
componentDidMount() {
        const { children, ...options } = this.props

        options.writeStyle = this.writeStyle
        options.onDrag = this.onDrag

        this.split = Split(options)
    }
github spatie / laravel-web-tinker / resources / js / components / Tinker.vue View on Github external
initSplit() {
            this.destroySplit();

            this.split = Split({
                [this.needsColumnLayout ? 'columnGutters' : 'rowGutters']: [
                    {
                        track: 1,
                        element: this.$refs.gutter,
                    },
                ],
                minSize: this.minSize,
            });
        },

split-grid

The spiritual successor of Split.js, built for CSS Grid

MIT
Latest version published 4 years ago

Package Health Score

61 / 100
Full package analysis

Popular split-grid functions

Similar packages