The divider component
Dividers help organize content and make the interface layout clear and uncluttered.
Introduced in SQLPage v0.18.0.
Top-level parameters
class
class attribute added to the container in HTML. It can be used to apply custom styling to this item through css. Added in v0.18.0.
color
The name of a color for this span of text.
contents
A text in the divider.
position
Position of the text (e.g. left, right).
Example 1
A divider with centered text
select
'divider' as component,
'Hello' as contents;Result
Hello
Example 2
An empty divider
select
'divider' as component;Result
Example 3
A divider with text at left
select
'divider' as component,
'Hello' as contents,
'left' as position;Result
Hello
Example 4
A divider with blue text at right
select
'divider' as component,
'Hello' as contents,
'right' as position,
'blue' as color;Result
Hello