# cog-split-view

> UI component for an adjustable split view.

Latest version **0.0.1** (published 2017-05-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install cog-split-view
pnpm add cog-split-view
yarn add cog-split-view
bun add cog-split-view
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2017-05-25 |
| First published | 2017-05-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4 |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Cogility Software |
| Maintainers | bkarrer |
| Keywords | ember-addon, cog-split-view |

## Links

- npm: https://www.npmjs.com/package/cog-split-view
- Repository: http://github.cogility.com/Cogility/cog-split-view
- npm.io page: https://npm.io/package/cog-split-view

## Dependencies (2)

- [ember-cli-babel](https://npm.io/package/ember-cli-babel.md) ^6.0.0
- [ember-cli-htmlbars](https://npm.io/package/ember-cli-htmlbars.md) ^1.1.1

## Recent versions

- 0.0.1 (latest) — 2017-05-25

## README

# cog-split-view

A customizable split view (vertical, horizontal or both) that utilizes jQuery UI resizable component.

## Installation

* `ember install cog-split-view`

## Usage
A simple implementation of a vertical two-panel view:
```handlebars
{{#cog-split-view isVertical=true as |p|}}
  {{#if p.isForPanelOne}}
    Panel One
  {{else if p.isForPanelTwo}}
    Panel Two
  {{/if}}
{{/cog-split-view}}
```

## Configuration
The following parameters are supported by the component:

| Property | Description  | Default |
| -------- |--------------| --------|
| isVertical | Determines the orientation of the split view panes, either vertical or horizontal. | __false__ |
| isResizable | Determines whether or not the panes are allowed to be resized with the dragger handle | __true__ |
| options | Options to be passed in to configure each individual pane within the split view. See component definition for all possible options. | __null__ |

## Running

* `ember serve`
* Visit your app at [http://localhost:4200](http://localhost:4200).

## Testing

* `ember serve`
* Visit your app at [http://localhost:4200/tests](http://localhost:4200/tests).

---
_Source: https://npm.io/package/cog-split-view · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._