react-validation

Self-validating React user-input component built on top of Material UI.

Installation & usage

npm i @liquid-labs/react-validation

Then:

import React from 'react'

import {
  ValidationContext,
  ValidInput,
  useValidationAPI } from '@liquid-labs/react-validation'

const HelloInternals = () => {
  const vcAPI = useValidationAPI()

  return (
    <>
      <ValidInput label="Name" />
      <submit disabled={ !vcAPI.isValid() } />
    </>
  )
}

const HelloWidget = () =>
  <ValidationContext>
    <HelloInternals />
  </ValidationContext>