# Example Popout Widget Template

Bar widget that opens a styled popout panel when clicked.

## Key Things This Template Shows

- `layerNamespacePlugin` (critical for popouts)
- `PopoutComponent` usage with proper height calculation
- `closePopout()` available on the PopoutComponent root
- Separate horizontal/vertical bar pills

## Usage

Copy the folder, update `plugin.json`, customize the content inside the `PopoutComponent`, add real settings as needed.

Add `layerNamespacePlugin: "your-unique-id"` on every widget that opens a popout.

See the official docs for `PopoutComponent` props (`headerHeight`, `detailsHeight`, etc.).