Skip to main content

LabelAnimation

LabelAnimation(props): Element

Parameters​

props​

LabelAnimationProps

LabelAnimationProps

Returns​

Element

Example​

   function MyComponent() {
       const [shouldLabelAnimate, setShouldLabelAnimate] = useState(false);
       const [inputHovered, setInputHovered] = useState(false);
       const [error, setError] = useState(false);
       const [skipAnimationOnce, setSkipAnimationOnce] = useState(false);

       return (
           <LabelAnimation
               label="name"
               shouldLabelAnimate={shouldLabelAnimate}
               inputHovered={inputHovered}
               error={error}
               skipAnimationOnce={skipAnimationOnce}
               variant="bordered"
           />
       );
   }