How to install and use the Textual devtools console |
n/a |
How to create a Markdown editor with live-preview in Textual |
markdown-editor-with-live-preview |
Send app notifications (toasts) in Textual |
send-app-notifications |
Set and show app title and sub-title in Textual |
title-subtitle-header |
How to set and change the language for syntax highlighting in the TextArea widget in Textual |
switch-text-area-language |
How to activate and use the default Command Palette in Textual |
default-command-palette |
How to do automatic UI sync / updates with timers and set_interval in Textual |
set_interval-automatic-ui-updates |
How to set and change the theme for syntax highlighting in the TextArea widget in Textual |
switch-text-area-theme |
How to add custom commands to the Command Palette in Textual |
custom-command-palette |
Basic input restrictions in Textual |
basic-input-restrictions |
Basic auto-completion suggestions in Textual |
basic-suggestions |
Showcase of all built-in validators in Textual |
showcase-built-in-validators |
How to use the logging widgets RichLog and Log in Textual |
logging-with-log-and-richlog |
Basic screen management in Textual: pushing, popping, and switching screens |
screen-management-push-pop-switch |
Demo of the input validation capabilities of Textual |
input-validation-demo |
How to create dynamic suggestions for input auto-completion in Textual |
input-with-custom-suggestions |
How to log messages to the devtools console in Textual |
logging-with-textual-log |
How to implement custom input validation in Textual |
input-custom-validator |
How to change/disable app auto-focus in Textual |
change-app-auto-focus |
TCSS queries tutorial for Textual |
- |
How to create a countdown timer in Textual |
countdown-timer |
How to animate style changes programmatically in Textual |
animate-styles-method |
How to use the transition TCSS style in Textual |
transition-tcss-style |
How to create a toggleable sidebar in Textual |
toggleable-sidebar |
Differences between the styles align and content-align in Textual |
align-vs-content-align |
How to add a loading indicator to a widget in Textual |
loading-widget-indicator |
How to create an accordion of collapsible widgets in Textual |
collapsible-accordion |
How to create and style a transparent modal screen in Textual |
modal-styling |
How to use callbacks with modal screens in Textual |
modal-callback |
How to pass data to modal screens in Textual |
modal-data |
How to debug a layout with TCSS in Textual |
layout-debug |
Demo of the grid layout in Textual |
grid-demo |
Advanced grid styling in Textual |
grid-rows-grid-columns-grid-gutter |
Demo of the keyline style for grids in Textual |
keyline-demo |