# name: test_alignment_containers ''' AlignContainersApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ center ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ middle ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_auto_table ''' MyApp MyApp ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────── oktest ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍  0 ────────────────────────────────────── 1 ────────────────────────────────────── 2 ─────  Foo       Bar         Baz               Foo       Bar         Baz               Foo       ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY▁▁ ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY▁▁ ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH  0123456789  IJKLMNOPQRSTUVWXY ABCDEFGH ───────────────────────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_auto_width_input ''' InputWidthAutoApp InputWidthAutoApp ▔▔▔▔▔▔▔▔▔▔ Hello ▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_border_alpha ''' BorderAlphaApp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ''' # --- # name: test_borders_preview ''' BorderApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ascii ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔+-------------------ascii--------------------+ none|| ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|I must not fear.| hidden|Fear is the mind-killer.| ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|Fear is the little-death that brings | ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|total obliteration.| blank|I will face my fear.| ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|I will permit it to pass over me and | ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁|through me.| round|And when it has gone past, I will turn| ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|the inner eye to see its path.| ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|Where the fear has gone there will be | solid|nothing. Only I will remain.| ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|| double+----------------------------------------------+ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ dashed ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_buttons_render ''' ButtonsApp Standard ButtonsDisabled Buttons ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ DefaultDefault ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Primary!Primary! ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Success!Success! ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Warning!Warning! ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Error!Error! ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_checkbox_example ''' CheckboxApp ─────────────────── XArrakis 😓 XCaladan XChusuk XGiedi Prime XGinaz XGrumman XKaitain XNovebruns ─────────────────── ''' # --- # name: test_colors_preview ''' ColorsApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ primary▅▅ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ secondary"primary" ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ background$primary-darken-3$text- ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ primary-background$primary-darken-2$text- ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ secondary-background$primary-darken-1$text- ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▂▂ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ surface$primary$text- ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ panel$primary-lighten-1$text- ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ boost  D  Toggle dark mode  ''' # --- # name: test_columns_height ''' HeightApp ────────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────── As tall as containerThis has defaultI have a static height height but a few lines ──────────────── ────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_content_switcher_example_initial ''' ContentSwitcherApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ DataTableMarkdown ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ──────────────────────────────────────────────────────────────────────  Book                                 Year   Dune                                 1965   Dune Messiah                         1969   Children of Dune                     1976   God Emperor of Dune                  1981   Heretics of Dune                     1984   Chapterhouse: Dune                   1985  ────────────────────────────────────────────────────────────────────── ''' # --- # name: test_content_switcher_example_switch ''' ContentSwitcherApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ DataTableMarkdown ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ─────────────────────────────────────────── ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ Three Flavours Cornetto ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ The Three Flavours Cornetto  trilogy is an anthology series of Britishcomedic genre films  directed by Edgar Wright. Shaun of the Dead ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ UK  Release  FlavourDateDirector  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  Strawber…2004-04-…Edgar  Wright ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Hot Fuzz ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ UK Release FlavourDateDirector  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  Classico2007-02-17Edgar ▇▇ Wright ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ The World's End ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ─────────────────────────────────────────── ''' # --- # name: test_css_property[align.py] ''' AlignApp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Vertical alignment with Textual ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Take note, browsers. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ''' # --- # name: test_css_property[align_all.py] ''' AlignAllApp ──────────────────────────────────────────────────────────────────────── left topcenter topright top ──────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────── left middlecenter middleright middle ──────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────── left bottomcenter bottomright bottom ──────────────────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[background.py] ''' BackgroundApp Widget 1 Widget 2 Widget 3 ''' # --- # name: test_css_property[background_transparency.py] ''' BackgroundTransparencyApp 10%20%30%40%50%60%70%80%90%100% ''' # --- # name: test_css_property[border.py] ''' BorderApp ──────────────────────────────────────────────────────────────────────────── My border is solid red ──────────────────────────────────────────────────────────────────────────── ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ My border is dashed green ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ My border is tall blue ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_css_property[border_all.py] ''' AllBordersApp +------------------+╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ |ascii|blankdashed +------------------+╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ ══════════════════━━━━━━━━━━━━━━━━━━ doubleheavyhidden/none ══════════════════━━━━━━━━━━━━━━━━━━ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ hkeyinnernone ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀──────────────────────────────────── outerroundsolid ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄──────────────────────────────────── ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ tallvkeywide ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ''' # --- # name: test_css_property[border_sub_title_align_all.py] ''' BorderSubTitleAlignAll Border titleLeft,…▁▁▁▁Left▁▁▁▁ This is the story ofa Pythondeveloper that Border subtitleCente…▔▔▔▔@@@▔▔▔▔▔ +--------------+Title────────────────── |had to fill up|nine labelsand ended up redoing it +Left--------+───────────────Subtitle Title, but really looooo… Title, but rea…Title, but really … because the first tryhad some labelsthat were too long. Subtitle, but …Subtitle, but real… Subtitle, but really loo… ''' # --- # name: test_css_property[border_subtitle_align.py] ''' BorderSubtitleAlignApp ──────────────────────────────────────────────────────────────────────────── My subtitle is on the left. < Left──────────────────────────────────────────────────────────────────── ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ My subtitle is centered ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍Centered!╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ My subtitle is on the right ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Right > ''' # --- # name: test_css_property[border_title_align.py] ''' BorderTitleAlignApp < Left──────────────────────────────────────────────────────────────────── My title is on the left. ──────────────────────────────────────────────────────────────────────────── ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍Centered!╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ My title is centered ╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔Right > My title is on the right ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_css_property[box_sizing.py] ''' BoxSizingApp ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ I'm using border-box! ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ I'm using content-box! ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ''' # --- # name: test_css_property[color.py] ''' ColorApp I'm red! I'm rgb(0, 255, 0)! I'm hsl(240, 100%, 50%)! ''' # --- # name: test_css_property[color_auto.py] ''' ColorApp The quick brown fox jumps over the lazy dog! The quick brown fox jumps over the lazy dog! The quick brown fox jumps over the lazy dog! The quick brown fox jumps over the lazy dog! The quick brown fox jumps over the lazy dog! ''' # --- # name: test_css_property[column_span.py] ''' MyApp #p1 #p2#p3 #p4#p5 #p6#p7 ''' # --- # name: test_css_property[content_align.py] ''' ContentAlignApp With content-align you can... ...Easily align content... ...Horizontally and vertically! ''' # --- # name: test_css_property[content_align_all.py] ''' AllContentAlignApp left topcenter topright top left middlecenter middleright middle left bottomcenter bottomright bottom ''' # --- # name: test_css_property[display.py] ''' DisplayApp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Widget 1 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Widget 3 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ''' # --- # name: test_css_property[dock_all.py] ''' DockAllApp ────────────────────────────────────────────────────────── top leftright bottom ────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[grid.py] ''' GridApp Grid cell 1Grid cell 2 row-span: 3; column-span: 2; Grid cell 3 Grid cell 4 Grid cell 5Grid cell 6Grid cell 7 ''' # --- # name: test_css_property[grid_columns.py] ''' MyApp ────────────────────────────────────────────────────────────────────── 1frwidth = 162fr1frwidth = 16 ────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────── 1frwidth = 162fr1frwidth = 16 ────────────────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[grid_gutter.py] ''' MyApp ────────────────────────────────────────────────────────────────────────── 12 ────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────── 34 ────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────── 56 ────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────── 78 ────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[grid_rows.py] ''' MyApp ──────────────────────────────────────────────────────────────────────────── 1fr1fr ──────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────── height = 6height = 6 ──────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────── 25%25% ──────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────── 1fr1fr ──────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────── height = 6height = 6 ──────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[grid_size_both.py] ''' MyApp ──────────────────────────────────────────────────────────────────────────── 12 ──────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────── 34 ──────────────────────────────────────────────────────────────────────────── ────────────────────────────────────── 5 ────────────────────────────────────── ''' # --- # name: test_css_property[grid_size_columns.py] ''' MyApp ──────────────────────────────────────────────────────────────────────────── 12 ──────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────── 34 ──────────────────────────────────────────────────────────────────────────── ────────────────────────────────────── 5 ────────────────────────────────────── ''' # --- # name: test_css_property[height.py] ''' HeightApp Widget ''' # --- # name: test_css_property[height_comparison.py] ''' HeightComparisonApp #cells· · · #percent· · #w· · · #h· · · · #vw · · · #vh· #auto· #fr1· #fr2· · ''' # --- # name: test_css_property[layout.py] ''' LayoutApp Layout Is Vertical LayoutIsHorizontal ''' # --- # name: test_css_property[link_background.py] ''' LinkBackgroundApp Visit the Textualize website. Click here for the bell sound. You can also click here for the bell sound. Exit this application. ''' # --- # name: test_css_property[link_color.py] ''' LinkColorApp Visit the Textualize website. Click here for the bell sound. You can also click here for the bell sound. Exit this application. ''' # --- # name: test_css_property[link_hover_background.py] ''' LinkHoverBackgroundApp Visit the Textualize website. Click here for the bell sound. You can also click here for the bell sound. Exit this application. ''' # --- # name: test_css_property[link_hover_color.py] ''' LinkHoverColorApp Visit the Textualize website. Click here for the bell sound. You can also click here for the bell sound. Exit this application. ''' # --- # name: test_css_property[link_hover_style.py] ''' LinkHoverStyleApp Visit the Textualize website. Click here for the bell sound. You can also click here for the bell sound. Exit this application. ''' # --- # name: test_css_property[link_style.py] ''' LinkStyleApp Visit the Textualize website. Click here for the bell sound. You can also click here for the bell sound. Exit this application. ''' # --- # name: test_css_property[links.py] ''' LinksApp Here is a link which you can click! Here is a link which you can click! ''' # --- # name: test_css_property[margin.py] ''' MarginApp ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see  its path. Where the fear has gone there will be nothing. Only I will  remain. ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ''' # --- # name: test_css_property[margin_all.py] ''' MarginAllApp ────────────────────────────────────────────────────────────────── marginmargin: 1  no marginmargin: 1: 1 51 2 6 ────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────── margin-bottom: 4 margin-right: margin-left: 3 3 margin-top: 4 ────────────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[max_height.py] ''' MaxHeightApp max-height: 10w max-height: 10 max-height: 50% max-height: 999 ''' # --- # name: test_css_property[max_width.py] ''' MaxWidthApp max-width:  50h max-width: 999 max-width: 50% max-width: 30 ''' # --- # name: test_css_property[min_height.py] ''' MinHeightApp min-height: 25% min-height: 75% min-height: 30 min-height: 40w ▃▃ ''' # --- # name: test_css_property[min_width.py] ''' MinWidthApp min-width: 25% min-width: 75% min-width: 100 min-width: 400h ''' # --- # name: test_css_property[offset.py] ''' OffsetApp Chani (offset 0  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀-3) Paul (offset 8 2)▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ Duncan (offset 4  10) ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ''' # --- # name: test_css_property[opacity.py] ''' OpacityApp ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ opacity: 25% ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ opacity: 50% ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ opacity: 75% ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ opacity: 100% ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ''' # --- # name: test_css_property[outline.py] ''' OutlineApp ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ear is the mind-killer. ear is the little-death that brings total obliteration.  will face my fear.  will permit it to pass over me and through me. nd when it has gone past, I will turn the inner eye to see its ath. here the fear has gone there will be nothing. Only I will  ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ''' # --- # name: test_css_property[outline_all.py] ''' AllOutlinesApp +------------------+╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ |ascii|blankdashed +------------------+╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍ ══════════════════━━━━━━━━━━━━━━━━━━ doubleheavyhidden/none ══════════════════━━━━━━━━━━━━━━━━━━ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ hkeyinnernone ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀──────────────────────────────────── outerroundsolid ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄──────────────────────────────────── ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ tallvkeywide ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ''' # --- # name: test_css_property[outline_vs_border.py] ''' OutlineBorderApp ─────────────────────────────────────────────────────────────────── ear is the mind-killer. ear is the little-death that brings total obliteration.  will face my fear.  will permit it to pass over me and through me. nd when it has gone past, I will turn the inner eye to see its path here the fear has gone there will be nothing. Only I will remain. ─────────────────────────────────────────────────────────────────── ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ───────────────────────────────────────────────────────────────────── I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. ───────────────────────────────────────────────────────────────────── ''' # --- # name: test_css_property[overflow.py] ''' OverflowApp ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death that Fear is the little-death that  brings total obliteration.brings total obliteration. I will face my fear.I will face my fear. I will permit it to pass over meI will permit it to pass over me  and through me.and through me. And when it has gone past, I And when it has gone past, I will  will turn the inner eye to see turn the inner eye to see its  its path.▁▁path. Where the fear has gone there Where the fear has gone there will will be nothing. Only I will be nothing. Only I will remain. remain.▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁I must not fear. I must not fear.Fear is the mind-killer. Fear is the mind-killer.Fear is the little-death that  Fear is the little-death that brings total obliteration. brings total obliteration.I will face my fear. I will face my fear.I will permit it to pass over me  I will permit it to pass over meand through me. ''' # --- # name: test_css_property[padding.py] ''' PaddingApp I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its  path. Where the fear has gone there will be nothing. Only I will  remain. ''' # --- # name: test_css_property[padding_all.py] ''' PaddingAllApp no padding padding: 1padding:padding: 1 1 1 52 6 padding-right: 3padding-bottom: 4padding-left: 3 padding-top: 4 ''' # --- # name: test_css_property[row_span.py] ''' MyApp #p4 #p3 #p2 #p1 #p5 #p6 #p7 ''' # --- # name: test_css_property[scrollbar_corner_color.py] ''' ScrollbarCornerColorApp I must not fear. Fear is the mind-killer. Fear is the little-death that brings I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain.▅▅ I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. I must not fear. ''' # --- # name: test_css_property[scrollbar_gutter.py] ''' ScrollbarGutterApp I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. ''' # --- # name: test_css_property[scrollbar_size.py] ''' ScrollbarApp I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration.▁▁▁▁ I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. ''' # --- # name: test_css_property[scrollbar_size2.py] ''' ScrollbarApp I must not fear.I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death Fear is the little-death tFear is the little-death  I will face my fear.I will face my fear.I will face my fear. I will permit it to pass I will permit it to pass oI will permit it to pass  And when it has gone pastAnd when it has gone past,And when it has gone past Where the fear has gone tWhere the fear has gone thWhere the fear has gone t I must not fear.I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death Fear is the little-death tFear is the little-death  I will face my fear.I will face my fear.I will face my fear.▇▇ I will permit it to pass I will permit it to pass oI will permit it to pass  And when it has gone pastAnd when it has gone past,And when it has gone past Where the fear has gone tWhere the fear has gone thWhere the fear has gone t I must not fear.I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death Fear is the little-death tFear is the little-death  I will face my fear.I will face my fear.I will face my fear. I will permit it to pass I will permit it to pass oI will permit it to pass  And when it has gone past, Where the fear has gone th I must not fear. Fear is the mind-killer. ''' # --- # name: test_css_property[scrollbars.py] ''' ScrollbarApp I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death that brings tFear is the little-death that brings t I will face my fear.I will face my fear. I will permit it to pass over me and tI will permit it to pass over me and t And when it has gone past, I will turnAnd when it has gone past, I will turn see its path.see its path. Where the fear has gone there will be Where the fear has gone there will be  will remain.will remain. I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death that brings tFear is the little-death that brings t I will face my fear.I will face my fear. I will permit it to pass over me and tI will permit it to pass over me and t And when it has gone past, I will turnAnd when it has gone past, I will turn see its path.▃▃see its path.▃▃ Where the fear has gone there will be Where the fear has gone there will be  will remain.will remain. I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death that brings tFear is the little-death that brings t I will face my fear.I will face my fear. I will permit it to pass over me and tI will permit it to pass over me and t ''' # --- # name: test_css_property[scrollbars2.py] ''' Scrollbar2App I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. I must not fear. Fear is the mind-killer.▇▇ Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain. I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. ''' # --- # name: test_css_property[text_align.py] ''' TextAlign Left alignedCenter aligned I must not fear. Fear is the            I must not fear. Fear is the     mind-killer. Fear is the                  mind-killer. Fear is the       little-death that brings total         little-death that brings total    obliteration. I will face my fear. Iobliteration. I will face my fear. I will permit it to pass over me and   will permit it to pass over me and  through me.                                     through me.              Right alignedJustified         I must not fear. Fear is theI  must  not  fear.  Fear   is   the             mind-killer. Fear is themind-killer.     Fear     is     the       little-death that brings totallittle-death   that   brings   total obliteration. I will face my fear. Iobliteration. I will face my fear. I   will permit it to pass over me andwill permit it to pass over  me  and                          through me.through me. ''' # --- # name: test_css_property[text_opacity.py] ''' TextOpacityApp                                text-opacity: 25%                                                                text-opacity: 50%                                                                text-opacity: 75%                                                                text-opacity: 100%                                ''' # --- # name: test_css_property[text_style.py] ''' TextStyleApp I must not fear.I must not fear.I must not fear. Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer. Fear is the little-death Fear is the little-death Fear is the little-death  that brings total that brings total that brings total  obliteration.obliteration.obliteration. I will face my fear.I will face my fear.I will face my fear. I will permit it to pass I will permit it to pass I will permit it to pass  over me and through me.over me and through me.over me and through me. And when it has gone past,And when it has gone past, And when it has gone past,  I will turn the inner eye I will turn the inner eye I will turn the inner eye  to see its path.to see its path.to see its path. Where the fear has gone Where the fear has gone Where the fear has gone  there will be nothing. there will be nothing. Onlythere will be nothing. Only Only I will remain.I will remain.I will remain. ''' # --- # name: test_css_property[text_style_all.py] ''' AllTextStyleApp nonebolditalicreverse I must not fear.I must not fear.I must not fear.I must not fear. Fear is the Fear is the Fear is the Fear is the  mind-killer.mind-killer.mind-killer.mind-killer. Fear is the Fear is the Fear is the Fear is the  little-death thatlittle-death that little-death thatlittle-death that  brings total brings total brings total brings total  obliteration.obliteration.obliteration.obliteration. I will face my I will face my I will face my I will face my  fear.fear.fear.fear. strikeunderlinebold italicreverse strike I must not fear.I must not fear.I must not fear.I must not fear. Fear is the Fear is the Fear is the Fear is the  mind-killer.mind-killer.mind-killer.mind-killer. Fear is the Fear is the Fear is the Fear is the  little-death thatlittle-death that little-death thatlittle-death that  brings total brings total brings total brings total  obliteration.obliteration.obliteration.obliteration. I will face my I will face my I will face my I will face my  fear.fear.fear.fear. I will permit it I will permit it I will permit it I will permit it  ''' # --- # name: test_css_property[tint.py] ''' TintApp tint: green 0%; tint: green 10%; tint: green 20%; tint: green 30%; tint: green 40%; tint: green 50%; ▄▄ tint: green 60%; tint: green 70%; ''' # --- # name: test_css_property[visibility.py] ''' VisibilityApp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Widget 1 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Widget 3 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ''' # --- # name: test_css_property[visibility_containers.py] ''' VisibilityContainersApp PlaceholderPlaceholderPlaceholder PlaceholderPlaceholderPlaceholder ''' # --- # name: test_css_property[width.py] ''' WidthApp Widget ''' # --- # name: test_css_property[width_comparison.py] ''' HeightComparisonApp #cells#percent#w#h#vw#vh#auto#fr1#fr3 ····•····•····•····•····•····•····•····•····•····•····•····•····•····•····•····• ''' # --- # name: test_datatable_column_cursor_render ''' TableApp  lane  swimmer               country        time    4     Joseph Schooling      Singapore      50.39   2     Michael Phelps        United States  51.14   5     Chad le Clos          South Africa   51.14   6     László Cseh           Hungary        51.14   3     Li Zhuhao             China          51.26   8     Mehdy Metella         France         51.58   7     Tom Shields           United States  51.73   1     Aleksandr Sadovnikov  Russia         51.84  ''' # --- # name: test_datatable_labels_and_fixed_data ''' TableApp  lane  swimmer               country        time    0  5     Chad le Clos          South Africa   51.14   1  4     Joseph Schooling      Singapore      50.39   2  2     Michael Phelps        United States  51.14   3  6     László Cseh           Hungary        51.14   4  3     Li Zhuhao             China          51.26   5  8     Mehdy Metella         France         51.58   6  7     Tom Shields           United States  51.73   7  10    Darren Burns          Scotland       51.84   8  1     Aleksandr Sadovnikov  Russia         51.84  ''' # --- # name: test_datatable_render ''' TableApp  lane  swimmer               country        time    4     Joseph Schooling      Singapore      50.39   2     Michael Phelps        United States  51.14   5     Chad le Clos          South Africa   51.14   6     László Cseh           Hungary        51.14   3     Li Zhuhao             China          51.26   8     Mehdy Metella         France         51.58   7     Tom Shields           United States  51.73   1     Aleksandr Sadovnikov  Russia         51.84   10    Darren Burns          Scotland       51.84  ''' # --- # name: test_datatable_row_cursor_render ''' TableApp  lane  swimmer               country        time    4     Joseph Schooling      Singapore      50.39   2     Michael Phelps        United States  51.14   5     Chad le Clos          South Africa   51.14   6     László Cseh           Hungary        51.14   3     Li Zhuhao             China          51.26   8     Mehdy Metella         France         51.58   7     Tom Shields           United States  51.73   1     Aleksandr Sadovnikov  Russia         51.84  ''' # --- # name: test_datatable_sort_multikey ''' TableApp  lane  swimmer               country        time    4     Joseph Schooling      Singapore      50.39   2     Michael Phelps        United States  51.14   5     Chad le Clos          South Africa   51.14   6     László Cseh           Hungary        51.14   3     Li Zhuhao             China          51.26   8     Mehdy Metella         France         51.58   7     Tom Shields           United States  51.73   1     Aleksandr Sadovnikov  Russia         51.84   10    Darren Burns          Scotland       51.84  ''' # --- # name: test_demo ''' Textual Demo Textual Demo ▅▅ TOP ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▃▃ Widgets Textual Demo Welcome! Textual is a framework for creating sophisticated Rich contentapplications with the terminal. ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Start CSS▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔                           Widgets                             CTRL+C  Quit  CTRL+B  Sidebar  CTRL+T  Toggle Dark mode  CTRL+S  Screenshot  F1  Notes  ''' # --- # name: test_disabled_widgets ''' WidgetDisableTestApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ButtonButtonButtonButtonButton ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_dock_layout_sidebar ''' DockLayoutExample Sidebar1Docking a widget removes it from the layout and  fixes its position, aligned to either the top,  right, bottom, or left edges of a container. Docked widgets will not scroll out of view,  making them ideal for sticky headers, footers,  and sidebars. ▇▇ Docking a widget removes it from the layout and  fixes its position, aligned to either the top,  right, bottom, or left edges of a container. Docked widgets will not scroll out of view,  making them ideal for sticky headers, footers,  and sidebars. Docking a widget removes it from the layout and  fixes its position, aligned to either the top,  right, bottom, or left edges of a container. Docked widgets will not scroll out of view,  making them ideal for sticky headers, footers,  and sidebars. ''' # --- # name: test_easing_preview ''' EasingApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ round▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:1.0 ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ out_sine ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ out_quint ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Welcome to Textual! ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ out_quartI must not fear. ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Fear is the  ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔mind-killer. out_quadFear is the  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁little-death that  ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔brings total  out_expoobliteration.▆▆ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁I will face my fear. ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔I will permit it to  out_elasticpass over me and  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁through me. ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔And when it has gone  out_cubic ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ CTRL+P  Focus: Duration Input  CTRL+B  Toggle Dark  ''' # --- # name: test_focus_component_class ''' StyleBugApp StyleBugApp test widget 0 test widget 1 test widget 2 test widget 3 test widget 4 test widget 5 test widget 6 test widget 7 test widget 8 test widget 9 test widget 10 test widget 11 test widget 12▇▇ test widget 13 test widget 14 test widget 15 test widget 16 test widget 17 test widget 18 test widget 19 test widget 20 test widget 21 ''' # --- # name: test_footer_render ''' FooterApp  Q  Quit the app  ?  Show help screen  DELETE  Delete the thing  ''' # --- # name: test_fr_units ''' FRApp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ HEADER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ foobarbaz ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FOOTER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ''' # --- # name: test_grid_layout_basic ''' GridLayoutExample ────────────────────────────────────────────────────────────────────────── OneTwoThree ────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────── FourFiveSix ────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_grid_layout_basic_overflow ''' GridLayoutExample ────────────────────────────────────────────────────────────────────────── OneTwoThree ────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────── FourFiveSix ────────────────────────────────────────────────────────────────────────── ──────────────────────── Seven ──────────────────────── ''' # --- # name: test_grid_layout_gutter ''' GridLayoutExample OneTwoThree FourFiveSix ''' # --- # name: test_header_render ''' HeaderApp HeaderApp ''' # --- # name: test_horizontal_layout ''' HorizontalLayoutExample ────────────────────────────────────────────────────────────────────────── OneTwoThree ────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_horizontal_layout_width_auto_dock ''' HorizontalAutoWidth Docke Widget 1Widget 2 left  1Docked left 2 ''' # --- # name: test_input_and_focus ''' InputApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Darren  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Burns ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_key_display ''' KeyDisplayApp  ?  Question  ^q  Quit app  Escape!  Escape  A  Letter A  ''' # --- # name: test_keys_preview ''' Textual Keys Textual Keys ╭────────────────────────────────────────────────────────────────────────────╮ Press some keys! To quit the app press ctrl+ctwice or press the Quit button below. ╰────────────────────────────────────────────────────────────────────────────╯ Key(key='a'character='a'name='a'is_printable=True) Key(key='b'character='b'name='b'is_printable=True) ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ClearQuit ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_label_widths ''' LabelWrap Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix Ch Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix  Chimera Castle ╭────────────────────────────────────────────────────────────────────────────╮ Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur  Phoenix Chimera Castle ╰────────────────────────────────────────────────────────────────────────────╯ ''' # --- # name: test_layers ''' LayersExample box1 (layer = above) box2 (layer = below) ''' # --- # name: test_layout_containers ''' MyApp ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ AcceptDeclineAcceptDecline ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ AcceptAccept ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ DeclineDecline ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▆▆ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 00 10000001000000 ''' # --- # name: test_line_api_scrollbars ''' ScrollViewApp 11 01234567 12 01234567 13 01234567 14 01234567 15 01234567▁▁ 16 01234567 17 01234567 18 01234567 19 01234567 11 01234567 12 01234567 13 01234567 14 01234567 15 01234567▁▁ 16 01234567 17 01234567 18 01234567 19 01234567 ''' # --- # name: test_list_view ''' ListViewExample One Two Three ''' # --- # name: test_markdown_example ''' MarkdownExampleApp ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ Markdown Document ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ This is an example of Textual's Markdown widget. ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ Features ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Markdown syntax and extensions are supported. ● Typography emphasisstronginline code etc. ● Headers ● Lists (bullet and ordered) ● Syntax highlighted code blocks ● Tables! ''' # --- # name: test_markdown_viewer_example ''' MarkdownExampleApp ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▼  Markdown Viewer ├──  FeaturesMarkdown Viewer ├──  Tables └──  Code Blocks▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ This is an example of Textual's MarkdownViewer widget. ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅ Features ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Markdown syntax and extensions are supported. ● Typography emphasisstronginline code etc. ● Headers ● Lists (bullet and ordered) ● Syntax highlighted code blocks ● Tables! ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ''' # --- # name: test_multiple_css ''' MultipleCSSApp #one #two ''' # --- # name: test_nested_auto_heights ''' NestedAutoApp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━ JUST ONE LINE ━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ''' # --- # name: test_offsets ''' OffsetsApp ────────────── FOO BAR BAZ ────────────── ────────────── FOO BAR BAZ ────────────── ''' # --- # name: test_order_independence ''' Layers ──────────────────────────────────Layers It's full of stars! My God! It's full of sta This should float over the top ──────────────────────────────────  T  Toggle Screen  ''' # --- # name: test_order_independence_toggle ''' Layers ──────────────────────────────────Layers It's full of stars! My God! It's full of sta This should float over the top ──────────────────────────────────  T  Toggle Screen  ''' # --- # name: test_placeholder_render ''' PlaceholderApp Placeholder p2 here! This is a custom label for p1. #p4 #p3#p5Placeholde r Lorem ipsum dolor sit  26 x 6amet, consectetur 27 x 6 adipiscing elit. Etiam  feugiat ac elit sit amet  Lorem ipsum dolor sit amet,  consectetur adipiscing elit. Etiam 40 x 6 feugiat ac elit sit amet accumsan.  Suspendisse bibendum nec libero quis  gravida. Phasellus id eleifend ligula. Nullam imperdiet sem tellus, sed  vehicula nisl faucibus sit amet. Lorem ipsum dolor sit amet,  Praesent iaculis tempor ultricies. Sedconsectetur adipiscing elit. Etiam  lacinia, tellus id rutrum lacinia, feugiat ac elit sit amet accumsan.  sapien sapien congue mauris, sit amet Suspendisse bibendum nec libero quis  ''' # --- # name: test_programmatic_scrollbar_gutter_change ''' ProgrammaticScrollbarGutterChange onetwo threefour ''' # --- # name: test_radio_button_example ''' RadioChoicesApp ─────────────────────────────────────── Battlestar Galactica Dune 1984 Dune 2021 Serenity Star Trek: The Motion Picture Star Wars: A New Hope The Last Starfighter Total Recall 👉 🔴 Wing Commander ─────────────────────────────────────── ''' # --- # name: test_radio_set_example ''' RadioChoicesApp ────────────────────────────────────────────────────────────────────── Battlestar GalacticaAmanda Dune 1984Connor MacLeod Dune 2021Duncan MacLeod SerenityHeather MacLeod Star Trek: The Motion PictureJoe Dawson Star Wars: A New HopeKurgan, The The Last StarfighterMethos Total Recall 👉 🔴Rachel Ellenstein Wing CommanderRamírez ────────────────────────────────────────────────────────────────────── ''' # --- # name: test_remove_with_auto_height ''' VerticalRemoveApp VerticalRemoveApp ────────────────────────────────────────────────────────────────────────────── ──────────────────── This is a test label ──────────────────── ──────────────────────────────────────────────────────────────────────────────  A  Add  D  Delete  ''' # --- # name: test_screen_switch ''' ModalApp ModalApp B  A  Push screen A  ''' # --- # name: test_switches ''' SwitchApp Example switches ▔▔▔▔▔▔▔▔ off:      ▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔ on:       ▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔ focused:  ▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔ custom:   ▁▁▁▁▁▁▁▁ ''' # --- # name: test_tabbed_content ''' TabbedApp LetoJessicaPaul ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ Lady Jessica ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Bene Gesserit and concubine of Leto, and mother of Paul and Alia. PaulAlia ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ First child  L  Leto  J  Jessica  P  Paul  ''' # --- # name: test_textlog_max_lines ''' TextLogLines Key press #3 Key press #4 Key press #5 ''' # --- # name: test_tree_example ''' TreeApp ▼ Dune └── ▼ Characters ├── Paul ├── Jessica └── Chani ''' # --- # name: test_vertical_layout ''' VerticalLayoutExample ────────────────────────────────────────────────────────────────────────────── One ────────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────────── Two ────────────────────────────────────────────────────────────────────────────── ────────────────────────────────────────────────────────────────────────────── Three ────────────────────────────────────────────────────────────────────────────── ''' # --- # name: test_visibility ''' Visibility ────────────────────────────────────── bar ──────────────────────────────────────────────────────────────────────── floatfloat ──────────────────────────────────────────────────────────────────────── ────────────────────────────────────── ''' # ---