FloatingLabel

Represents the KendoReact FloatingLabel component.

A Functional Component.

jsx

const sizes = ["X-Small", "Small", "Medium", "Large", "X-Large", "2X-Large"];
const App = () => {
    const [ddlState, setDdlState] = React.useState();
    const editorId = 'ddl-sizes';
    return (
        <FloatingLabel label={'Shirt Size:'} editorId={editorId} editorValue={ddlState}>
            <DropDownList
                id={editorId}
                value={ddlState}
                data={sizes}
                onChange={(e) => setDdlState(e.target.value)}
            />
        </FloatingLabel>
    );
};

ReactDOM.render(<App />, document.querySelector('my-app'));

Name	Type	Default	Description
props	FloatingLabelProps		The props of the FloatingLabel component.