alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
5b1cba1d85c82ca0619e764d232c0db7936918e8
textual/docs/widgets/placeholder.md
Rodrigo Girão Serrão 196d430582 Style all Textual CSS as 'sass' 
Textual CSS is better highlighted in SASS code blocks because the SASS parser seems to be more lenient.
2023-01-09 11:20:04 +00:00

1.1 KiB
Raw Blame History

Placeholder

A widget that is meant to have no complex functionality. Use the placeholder widget when studying the layout of your app before having to develop your custom widgets.

The placeholder widget has variants that display different bits of useful information. Clicking a placeholder will cycle through its variants.

  • Focusable
  • Container

Example

The example below shows each placeholder variant.

=== "Output"

```{.textual path="docs/examples/widgets/placeholder.py"}
```

=== "placeholder.py"

```python
--8<-- "docs/examples/widgets/placeholder.py"
```

=== "placeholder.css"

```sass
--8<-- "docs/examples/widgets/placeholder.css"
```

Reactive Attributes

Name Type Default Description
variant str "default" Styling variant. One of default, size, text.

Messages

This widget sends no messages.

See Also