ristoo/privatedocs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance FloatingLabelInput to manage selected value for select type

Browse Source
This commit is contained in:
Orace.A 2025-03-28 19:07:21 +01:00
parent 01e27dff66
commit 75f8a526de
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/floatingLabelInput.tsx
View File

@ -17,9 +17,15 @@ export default function FloatingLabelInput({
onChange,
}: FloatingLabelInputProps) {
const [showPassword, setShowPassword] = useState(false);
const [selectedValue, setSelectedValue] = useState(defaultValue || '');
const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
const value = e.target.value;
if (type === 'select') {
setSelectedValue(value);
}
if (onChange) {
onChange(value);
}
@ -34,7 +40,8 @@ export default function FloatingLabelInput({
<select
className="input-form focus:ring-2 focus:ring-blue-500 outline-none"
name={name}
value={defaultValue}
value={selectedValue}
onChange={handleChange}
>
{options?.map((option, index) => (
<option key={index} value={option.value}>{option.label}</option>