Flux

Appearance

Disabled ​

The disabled component provides a shared disabled state to all child components within it. Instead of applying visual or interactive changes itself, it exposes the disabled value through Vue’s injection system. Any nested Flux component can read this state and adjust its own appearance and behavior accordingly. This allows entire sections of the UI to be disabled at once without needing to set the disabled prop individually on each component.

Props

disabled?: boolean
If the child components should be disabled.
Default: true

Slots

default
The elements that should be disabled.

Snippet ​

vue
<template>
    <FluxDisabled disabled>
        <!-- Your content here -->
    </FluxDisabled>
</template>

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