Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
Horizontal
Description
- Purpose
- A Horizontal Divider is used to mark a thematic change in a sequence of elements that are stacked from top to bottom.
- Composition
- Horizontal dividers consists of a horizontal line which may comprise a label.
Rules
- Usage
- Horizontal Dividers MUST only be used in container components that render a sequence of items from top to bottom.
- Ordering
- Horizontal Dividers MUST always have a succeeding element in a sequence of elments, which MUST NOT be another Horizontal Divider.
- Horizontal Dividers without label MUST always have a preceding element in a sequence of elments, which MUST NOT be another Horizontal Divider.
Example 1: Base
<?php declare(strict_types=1); namespace ILIAS\UI\examples\Divider\Horizontal; function base() { global $DIC; $f = $DIC->ui()->factory(); $renderer = $DIC->ui()->renderer(); return $renderer->render($f->divider()->horizontal()); }
Example 2: With label
Label
<?php declare(strict_types=1); namespace ILIAS\UI\examples\Divider\Horizontal; function with_label() { global $DIC; $f = $DIC->ui()->factory(); $renderer = $DIC->ui()->renderer(); return $renderer->render($f->divider()->horizontal()->withLabel("Label")); }
Relations
- Parents
- UIComponent
- Divider