diff --git a/stories/Form/Input.stories.tsx b/stories/Form/Input.stories.tsx index 7074c625..e3ddd367 100644 --- a/stories/Form/Input.stories.tsx +++ b/stories/Form/Input.stories.tsx @@ -148,13 +148,29 @@ export const UtilizzoDiPlaceholderELabel = () => ( UtilizzoDiPlaceholderELabel.storyName = 'Utilizzo di placeholder e label'; export const InputConIconaOBottoni = () => { - const [isFocused, toggleFocus] = useState(false); + const [isFocused1, toggleFocus1] = useState(false); + const [isFocused2, toggleFocus2] = useState(false); + const [isFocused3, toggleFocus3] = useState(false); - const toggleFocusLabel = () => toggleFocus(true); + const toggleFocusLabel1 = () => toggleFocus1(true); // @ts-ignore: ignore types for now - const toggleBlurLabel = (e) => { + const toggleBlurLabel1 = (e) => { if (e.target.value === '') { - toggleFocus(!isFocused); + toggleFocus1(!isFocused1); + } + }; + const toggleFocusLabel2 = () => toggleFocus2(true); + // @ts-ignore: ignore types for now + const toggleBlurLabel2 = (e) => { + if (e.target.value === '') { + toggleFocus2(!isFocused2); + } + }; + const toggleFocusLabel3 = () => toggleFocus3(true); + // @ts-ignore: ignore types for now + const toggleBlurLabel3 = (e) => { + if (e.target.value === '') { + toggleFocus3(!isFocused3); } }; return ( @@ -166,14 +182,16 @@ export const InputConIconaOBottoni = () => { - { -