replace references to TextInput

This commit is contained in:
Will McGugan
2022-10-03 17:38:10 +01:00
parent f43366abfb
commit 86a7bef71f
4 changed files with 8 additions and 15 deletions

View File

@@ -2,18 +2,12 @@ Screen {
background: $panel;
}
TextInput {
Input {
dock: top;
border: tall $background;
width: 100%;
height: 1;
padding: 0 1;
margin: 1 1 0 1;
background: $boost;
}
TextInput:focus {
border: tall $accent;
}
#results {

View File

@@ -20,9 +20,9 @@ This processing of messages is done within an asyncio Task which is started when
The FastAPI docs have an [excellent introduction](https://fastapi.tiangolo.com/async/) to Python async programming.
By way of an example, let's consider what happens if you were to type "Text" in to a `TextInput` widget. When you hit the ++t++ key, Textual creates a [key][textual.events.Key] event and sends it to the widget's message queue. Ditto for ++e++, ++x++, and ++t++.
By way of an example, let's consider what happens if you were to type "Text" in to a `Input` widget. When you hit the ++t++ key, Textual creates a [key][textual.events.Key] event and sends it to the widget's message queue. Ditto for ++e++, ++x++, and ++t++.
The widget's task will pick the first message from the queue (a key event for the ++t++ key) and call the `on_key` method with the event as the first argument. In other words it will call `TextInput.on_key(event)`, which updates the display to show the new letter.
The widget's task will pick the first message from the queue (a key event for the ++t++ key) and call the `on_key` method with the event as the first argument. In other words it will call `Input.on_key(event)`, which updates the display to show the new letter.
<div class="excalidraw">
--8<-- "docs/images/events/queue.excalidraw.svg"

View File

@@ -1 +0,0 @@
# TextInput

View File

@@ -86,13 +86,13 @@ nav:
- "styles/visibility.md"
- "styles/width.md"
- Widgets:
- "widgets/index.md"
- "widgets/button.md"
- "widgets/data_table.md"
- "widgets/footer.md"
- "widgets/header.md"
- "widgets/index.md"
- "widgets/input.md"
- "widgets/static.md"
- "widgets/text_input.md"
- "widgets/tree_control.md"
- Reference:
- "reference/app.md"
@@ -162,7 +162,7 @@ theme:
accent: purple
toggle:
icon: material/weather-sunny
name: Switch to dark mode
name: Switch to dark modeTask was destroyed but it is pending!
- media: "(prefers-color-scheme: dark)"
scheme: slate
primary: black