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.

Action

Usage

API

Attributes

AttributeTypeDescription
wrapBoolean (attribute)Allow the body content to wrap on mobile screens (≤576px)

Slots

SlotDescription
defaultMain content area. Typically a flex container with label/description on the left and a control on the right
bottomOptional bottom section for additional info, help text, or warnings

CSS Classes

ClassDescription
.pankow-settings-itemRoot container
.pankow-settings-item-bodyMain flex container for the setting control
.pankow-settings-item-bottomBottom area for supplementary content