Authoring Guide
Layout & Interactivity
Tabs, accordions, step-by-step guides and collapsible sections for organising dense material.
When a page carries a lot of material, these components let the reader choose their own path through it instead of scrolling past everything.
Tabs
Switch between alternative views with ::tabs + ::tabs-item. Each item needs a label.
RDM-capable, up to 8 universes.
Compact OEM module, Art-Net / sACN, no RDM.
::tabs
::tabs-item{label="KLSTR.one"}
RDM-capable, up to 8 universes.
::
::tabs-item{label="KLSTR.nano"}
Compact OEM module, Art-Net / sACN, no RDM.
::
::
Accordion
Collapsible Q&A-style rows — great for FAQs. Each ::accordion-item needs a label.
No — RDM discovery is KLSTR.one only.
Art-Net and sACN (E1.31) on both devices.
::accordion
::accordion-item{label="Does the nano support RDM?"}
No — RDM discovery is KLSTR.one only.
::
::accordion-item{label="Which transports are supported?"}
Art-Net and sACN (E1.31) on both devices.
::
::
Steps
::steps turns a sequence of headings into a numbered, connected walkthrough. The level
prop tells it which heading level marks each step.
Power the device
Connect 5V via the JST connector.
Join the network
Plug in Ethernet; the device appears in KLSTR.ctrl.
Patch a universe
Assign a universe and DMX start address.
::steps{level="3"}
### Power the device
Connect 5V via the JST connector.
### Join the network
Plug in Ethernet; the device appears in KLSTR.ctrl.
### Patch a universe
Assign a universe and DMX start address.
::
Collapsible
A lightweight show/hide toggle for optional detail. Customise the trigger with name,
open-text and close-text.
Input: 5V or 3.3V DC · Peak draw: < 200 mA · Connector: JST-PH.
::collapsible{name="electrical specs"}
Input: 5V or 3.3V DC · Peak draw: < 200 mA · Connector: JST-PH.
::