Container

The primary container which dynamically changes widths based on the viewport.

Props

gutter?: number
The gutter on each size of the container.
Default: 30

Slots

default
The content within the container.

Examples

Basic

A basic container.

Preview

Code

<template>
    <FluxContainer>
        <FluxPane>
            <FluxPaneBody>

            </FluxPaneBody>
        </FluxPane>
    </FluxContainer>
</template>

<script
    setup
    lang="ts">
    import { FluxContainer, FluxPane, FluxPaneBody } from '@flux-ui/components';
</script>