The divider component
Dividers help organize content and make the interface layout clear and uncluttered.
Introduced in SQLPage v0.18.0.
Top-level parameters
name | required | type | description |
---|---|---|---|
bold | BOOLEAN |
Whether the text is bold. | |
class | TEXT |
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 | TEXT |
A text in the divider. | |
italics | BOOLEAN |
Whether the text is italicized. | |
link | URL |
URL of the link for the divider text. Available only when contents is present. | |
position | TEXT |
Position of the text (e.g. left, right). | |
size | INTEGER |
The size of the divider text, from 1 to 6. | |
underline | BOOLEAN |
Whether the text is underlined. |
No data |
Example 1
An empty divider
select
'divider' as component;
Result
Example 2
A divider with centered text
select
'divider' as component,
'Hello' as contents;
Result
Hello
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 and a link
select
'divider' as component,
'SQLPage components' as contents,
'/documentation.sql' as link,
'blue' as color;
Result
Example 5
A divider with bold, italic, and underlined text
select
'divider' as component,
'Important notice' as contents,
'left' as position,
'red' as color,
5 as size,
TRUE as bold,
TRUE as italics,
TRUE as underline;
Result
Important notice