@logo-elements/split-layout

A web component with two content areas and a draggable split handle between them.

<logo-elements-split-layout>
  <logo-elements-split-layout orientation="vertical">
    <div>First layout content</div>
    <div>Second layout content</div>
  </logo-elements-split-layout>
  <logo-elements-split-layout orientation="vertical">
    <div>Third layout content</div>
    <div>Fourth layout content</div>
  </logo-elements-split-layout>
</logo-elements-split-layout>

Installation

Install the component:

npm i @logo-elements/split-layout -s

Once installed, import the component in your application:

import '@logo-elements/split-layout';

For more detailed information, please visit:

Logo Elements Documentation ↗