disabled

type Disabled = boolean;

import { Chipster } from '@micoblanc/chipster'
 
export default function BasicExample() {
  return (
    <Chipster disabled>
      <Chipster.ItemList />
      <Chipster.Input placeholder="Type and press Enter" />
    </Chipster>
  )
}

export default function DynamicDisableExample() {
  const [isDisabled, setIsDisabled] = useState(false)
  const [isLoading, setIsLoading] = useState(false)
  
  const handleSubmit = async () => {
    setIsDisabled(true)
    setIsLoading(true)
    try {
      await saveData()
    } finally {
      setIsDisabled(false)
      setIsLoading(false)
    }
  }
 
  return (
    <div>
      <Chipster 
        disabled={isDisabled || isLoading}
        onAdd={handleSubmit}
      >
        <Chipster.ItemList />
        <Chipster.Input 
          placeholder={isLoading ? "Saving..." : "Add items..."} 
        />
      </Chipster>
      <button onClick={() => setIsDisabled(!isDisabled)}>
        Toggle Disabled
      </button>
    </div>
  )
}