@atos6/disabler

React component to disable all children inputs at same time with a single boolean attribute.

Usage no npm install needed!

<script type="module">
  import atos6Disabler from 'https://cdn.skypack.dev/@atos6/disabler';
</script>

README

@atos6/disabler

React component to disable all children inputs at same time with a single boolean attribute.

https://disabler.acts6.tech/

import { Disabler } from "@atos6/disabler"

return (
  <Disabler disabled={disabled}>
    {/* nested your input components here */}
  </Disabler>
)

Components

  • DisableUI Block user interactions
  • DisableInputs Block input change
  • Disabler Union of DisableUI + DisableInputs