qing-dock-box

Installation

yarn add qing-dock-box plum-element

NOTE: plum-element is an extremely tiny library (less than 500 bytes gzipped) to sync web components properties and attributes. It's the only dependency qing-dock-box relies on.

Usage

Default

Top (t)

Bottom (b)

Left (l)

Right (r)

Corner (T+R)

Corner 2 (B+L)

Stretched horizontally (L+R)

Stretched horizontally (H)

Stretched vertically (T+B)

Stretched vertically (V)

3 sides (Left)

3 sides (Right)

3 sides (Top)

3 sides (Bottom)

Full

Full (f)

Source