blog post new release (#2712)

* blog post new release

* update words

* Update docs/blog/posts/release0-27-0.md

Co-authored-by: Dave Pearson <davep@davep.org>

---------

Co-authored-by: Dave Pearson <davep@davep.org>
This commit is contained in:
Will McGugan
2023-06-01 11:33:54 +01:00
committed by GitHub
parent 78db024c01
commit 58a9cb1909
15 changed files with 2057 additions and 346 deletions

View File

@@ -0,0 +1,77 @@
---
draft: false
date: 2023-06-01
categories:
- Release
title: "Textual adds Sparklines, Selection list, Input validation, and tool tips"
authors:
- willmcgugan
---
# Textual adds Sparklines, Selection list, Input validation, and tool tips
It's been 12 days since the last Textual release, which is longer than our usual release cycle of a week.
We've been a little distracted with our "dogfood" projects: [Frogmouth](https://github.com/Textualize/frogmouth) and [Trogon](https://github.com/Textualize/trogon). Both of which hit 1000 Github stars in 24 hours. We will be maintaining / updating those, but it is business as usual for this Textual release (and it's a big one). We have such sights to show you.
<!-- more -->
## Sparkline widget
A [Sparkline](../../widget_gallery.md#selectionlist) is essentially a mini-plot. Just detailed enough to keep an eye on time-series data.
<div>
--8<-- "docs/blog/images/sparkline.svg"
</div>
Colors are configurable, and all it takes is a call to [`set_interval`](https://textual.textualize.io/api/message_pump/#textual.message_pump.MessagePump.set_interval) to make it animate.
## Selection list
Next up is the [SelectionList](../../widget_gallery.md#selectionlist) widget. Essentially a scrolling list of checkboxes. Lots of use cases for this one.
<div>
--8<-- "docs/blog/images/selection-list.svg"
</div>
## Tooltips
We've added [tooltips](../../guide/widgets.md#tooltips) to Textual widgets.
The API couldn't be simpler: simply assign a string to the `tooltip` property on any widget.
This string will be displayed after 300ms when you hover over the widget.
<div>
--8<-- "docs/blog/images/tooltips.svg"
</div>
As always, you can configure how the tooltips will be displayed with CSS.
## Input updates
We have some quality of life improvements for the [Input](../../widget_gallery.md#input) widget.
You can now use a simple declarative API to [validating input](http://127.0.0.1:8000/widgets/input/#validating-input).
<div>
--8<-- "docs/blog/images/validation.svg"
</div>
Also in this release is a suggestion API, which will *suggest* auto completions as you type.
Hit <kbd>right</kbd> to accept the suggestion.
Here's a screenshot:
<div>
--8<-- "docs/blog/images/suggest.svg"
</div>
You could use this API to offer suggestions from a fixed list, or even pull the data from a network request.
## Join us
Development on Textual is *fast*.
We're very responsive to issues and feature requests.
If you have any suggestions, jump on our [Discord server](https://discord.gg/Enf6Z3qhVr) and you may see your feature in the next release!