New to KendoReact? Start a free 30-day trial

Splitter

Component

Represents the KendoReact Splitter component.

Definition

Package:@progress/kendo-react-layout

Syntax:

jsx

const App = () => {
   return (
       <div>
           <Splitter
               style={{height: 400}}
               orientation={'vertical'}
           >
               <div>Pane 1</div>
               <div>Pane 2</div>
               <div>Pane 3</div>
           </Splitter>
       </div>
   );
}

Properties

props

SplitterProps intersected with RefAttributes<any>

The props of the Splitter component.