Skip to content

Split ​

a divider between two panes. The ui-gallery page Split, painted with no terminal and no window at each of the documented profiles:

bash
ui-gallery --render --page split --profile full|enhanced|baseline
 sparkles:ui a divider between two panes                                            tokyo-night 
   Welcome           ▕ Split · a divider between two panes                                     █
   Primitives        ▕                                                                         █
   Layout            ▕                                                                         █
   Tracks            ▕ The pane resizes by the pointer's delta since the grab, so the divider  █
   Text              ▕ does not jump when you take hold of it away from its centre. Units are  █
   Themes            ▕ the caller's — cells here, pixels in a window.                          █
   Slots             ▕                                                                         █
   Decoration        ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
   Effects           ▕ │ the panes                                                           │ █
   Grid              ▕ │ leading                 │trailing                                   │ █
   Components        ▕ │ 24 cells                │46 cells                                   │ █
   Tree              ▕ │ a file tree, say        │…and the document beside it                │ █
   Property tree     ▕ │                         │                                           │ █
   Table             ▕ │                         │                                           │ █
   Scrolling         ▕ └─────────────────────────────────────────────────────────────────────┘ █
   State             ▕                                                                         █
 ▸ Split             ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
   Dock              ▕ │ the machine                                                         │ █
   Terminal          ▕ │ size             24                                                 │ █
                     ▕ │ dragging         no                                                 │ █
                     ▕ │ bounds           10 … 60                                            │ █
                     ▕ │ pointer shape    default_                                           │ █
                     ▕ └─────────────────────────────────────────────────────────────────────┘ █
                     ▕                                                                         █
                     ▕ The wanted shape is one decision, asked of the machine: hovering the    ░
                     ▕ divider asks for a resize cursor, and a drag keeps asking for it even   ░
                     ▕ after the pointer has left the divider — otherwise the cursor flickers  ░
                     ▕ back to an arrow the instant you move.                                  ░
                     ▕                                                                         ░
                     ▕                                                                          
 pages ← narrower → wider                                                       ? keys   q quit 
 sparkles:ui a divider between two panes                                            tokyo-night 
   Welcome           ▕ Split · a divider between two panes                                     █
   Primitives        ▕                                                                         █
   Layout            ▕                                                                         █
   Tracks            ▕ The pane resizes by the pointer's delta since the grab, so the divider  █
   Text              ▕ does not jump when you take hold of it away from its centre. Units are  █
   Themes            ▕ the caller's — cells here, pixels in a window.                          █
   Slots             ▕                                                                         █
   Decoration        ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
   Effects           ▕ │ the panes                                                           │ █
   Grid              ▕ │ leading                 │trailing                                   │ █
   Components        ▕ │ 24 cells                │46 cells                                   │ █
   Tree              ▕ │ a file tree, say        │…and the document beside it                │ █
   Property tree     ▕ │                         │                                           │ █
   Table             ▕ │                         │                                           │ █
   Scrolling         ▕ └─────────────────────────────────────────────────────────────────────┘ █
   State             ▕                                                                         █
 ▸ Split             ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
   Dock              ▕ │ the machine                                                         │ █
   Terminal          ▕ │ size             24                                                 │ █
                     ▕ │ dragging         no                                                 │ █
                     ▕ │ bounds           10 … 60                                            │ █
                     ▕ │ pointer shape    default_                                           │ █
                     ▕ └─────────────────────────────────────────────────────────────────────┘ █
                     ▕                                                                         █
                     ▕ The wanted shape is one decision, asked of the machine: hovering the    ░
                     ▕ divider asks for a resize cursor, and a drag keeps asking for it even   ░
                     ▕ after the pointer has left the divider — otherwise the cursor flickers  ░
                     ▕ back to an arrow the instant you move.                                  ░
                     ▕                                                                         ░
                     ▕                                                                          
 pages ← narrower → wider                                                       ? keys   q quit 
 sparkles:ui a divider between two panes                                            tokyo-night 
   Welcome           | Split * a divider between two panes                                     #
   Primitives        |                                                                         #
   Layout            |                                                                         #
   Tracks            | The pane resizes by the pointer's delta since the grab, so the divider  #
   Text              | does not jump when you take hold of it away from its centre. Units are  #
   Themes            | the caller's - cells here, pixels in a window.                          #
   Slots             |                                                                         #
   Decoration        | +---------------------------------------------------------------------+ #
   Effects           | | the panes                                                           | #
   Grid              | | leading                 |trailing                                   | #
   Components        | | 24 cells                |46 cells                                   | #
   Tree              | | a file tree, say        |~and the document beside it                | #
   Property tree     | |                         |                                           | #
   Table             | |                         |                                           | #
   Scrolling         | +---------------------------------------------------------------------+ #
   State             |                                                                         #
 > Split             | +---------------------------------------------------------------------+ #
   Dock              | | the machine                                                         | #
   Terminal          | | size             24                                                 | #
                     | | dragging         no                                                 | #
                     | | bounds           10 ~ 60                                            | #
                     | | pointer shape    default_                                           | #
                     | +---------------------------------------------------------------------+ #
                     |                                                                         #
                     | The wanted shape is one decision, asked of the machine: hovering the    |
                     | divider asks for a resize cursor, and a drag keeps asking for it even   |
                     | after the pointer has left the divider - otherwise the cursor flickers  |
                     | back to an arrow the instant you move.                                  |
                     |                                                                         |
                     |                                                                          
 pages < narrower > wider                                                       ? keys   q quit 

What each profile gives up ​

The frame's degradation report: one line per substitution, and the capability the target lacked. full is empty when the page asks for nothing a terminal cannot do.

text
alpha-flattened ×9 (alpha)
text
color-folded ×84 (colorDepth)
alpha-flattened ×9 (alpha)
text
color-dropped ×84 (colorDepth)
ascii-border ×3 (unicode)
ascii-scrollbar ×1 (unicode)
ascii-glyph ×13 (unicode)
alpha-flattened ×9 (alpha)

These are the files dub test :ui-gallery compares every render against, so a change to this page that is not re-blessed fails CI.