SettingsItem
A layout component for settings pages. Each item displays a label/description on the left and a control on the right, with an optional bottom section for additional information.
Basic Usage
A descriptive name for your server configuration.
With Bottom Slot
Automatically start the server on boot.
Enabling this will configure a systemd service for automatic startup.
With Wrap Attribute (Mobile)
On narrow screens (576px and below), add the wrap attribute to allow the content to wrap. Resize your browser to see this behavior.
Usage
API
Attributes
| Attribute | Type | Description |
|---|---|---|
| wrap | Boolean (attribute) | Allow the body content to wrap on mobile screens (≤576px) |
Slots
| Slot | Description |
|---|---|
| default | Main content area. Typically a flex container with label/description on the left and a control on the right |
| bottom | Optional bottom section for additional info, help text, or warnings |
CSS Classes
| Class | Description |
|---|---|
| .pankow-settings-item | Root container |
| .pankow-settings-item-body | Main flex container for the setting control |
| .pankow-settings-item-bottom | Bottom area for supplementary content |
