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