Clearing error state when value selected

powerhome · Jun 26, 2024 · e2f8f87 · e2f8f87
1 parent c2012ae
commit e2f8f87
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx b/playbook/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx
@@ -1,7 +1,9 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { Dropdown } from '../../'
 
 const DropdownError = (props) => {
+    const [selectedOption, setSelectedOption] = useState()
+    const error = selectedOption?.value ? null : "Please make a valid selection"
     const options = [
         {
             label: "United States",
@@ -15,12 +17,13 @@ const DropdownError = (props) => {
             label: "Pakistan",
             value: "Pakistan",
         }
-    ];
+    ]
 
     return (
         <>
             <Dropdown
-                error="Please make a valid selection"
+                error={error}
+                onSelect={(selectedItem) => setSelectedOption(selectedItem)}
                 options={options}
                 {...props}
             />