18 lines
635 B
Markdown
18 lines
635 B
Markdown
|
# 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.).
|