Labels

The Switch enables you to control the title of its labels.

Setting Up the Titles

To set the behavior of the labels, use the onLabel and offLabel properties, which accept string parameters. Note that the Switch does not support long custom labels.

class App extends React.Component {
    render() {
        return (
            <Switch onLabel={"I"} offLabel={"O"}/>
        )
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Styling the Labels

By design, the Switch does not render any labels when the component is styled with the Kendo UI Bootstrap or Material theme. To change the default setup and achieve any of the additional predefined layouts, refer to the article on changing the Switch layout in the kendo-themes Wiki. For more information, refer to issue #567.

 /