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 = () => {
-
{
-
+
Con Etichetta e bottone di tipo primary