kibana/packages/kbn-react-hooks

@kbn/react-hooks

A utility package, @kbn/react-hooks, provides custom react hooks for simple abstractions.

Custom Hooks

useBoolean

Simplify handling boolean value with predefined handlers.

function App() {
  const [value, { on, off, toggle }] = useBoolean();

  return (
    <div>
      <EuiText>
        The current value is <strong>{value.toString().toUpperCase()}</strong>
      </EuiText>
      <EuiFlexGroup>
        <EuiButton onClick={on}>On</EuiButton>
        <EuiButton onClick={off}>Off</EuiButton>
        <EuiButton onClick={toggle}>Toggle</EuiButton>
      </EuiFlexGroup>
    </div>
  );
}