An input element with a placeholder that morphs into a label.
All components are based on CodyFrame.
The Floating Label component is used to replace the label of a form element with a placeholder, then trigger the label visibility when content is added to the input.
To use this component, add the
.floating-label class to a parent containing the
⚠️ Make sure the value of the label element and of the placeholder are the same.