Diwa Design System

Text List

A styled list component that renders as a bulleted list, a numbered list, or an inline flex row. Accepts diwa-text-list-item children.

diwa-text-list — Properties

NameTypeDefaultDescription
type'unordered' | 'ordered' | 'inline''unordered'List style. unordered → <ul> with bullet markers. ordered → <ol> with numbers. inline → horizontal flex row without markers.
theme'dark' | 'light''dark'Per-component theme override. Sets data-theme on the host so token overrides cascade into the shadow DOM.

diwa-text-list — Events

diwa-text-list is a non-interactive display component and emits no events.

diwa-text-list — Slots

SlotDescription
defaultdiwa-text-list-item elements. Other content types are not supported.

diwa-text-list-item — Properties

diwa-text-list-item has no props. All styling is inherited from the parent diwa-text-list.

diwa-text-list-item — Slots

SlotDescription
defaultItem text or inline content. Can include inline elements such as <strong>, <em>, or <a>.