How can I have a panel with centred console markup?

[ciaransweet]

If I render a Widget of:

from rich.panel import Panel
# from rich.text import Text
from textual.widget import Widget


class TitleBar(Widget):

    def render(self) -> Panel:
        return Panel("[b]Terraform Workspaces[/b]\n:star: == Active Workspace", height=6)

I get:

But really I want the text centred in the panel. I tried to use rich.Text here:

from rich.panel import Panel
from rich.text import Text
from textual.widget import Widget


class TitleBar(Widget):

    def render(self) -> Panel:
        return Panel(Text("[b]Terraform Workspaces[/b]\n:star: == Active Workspace", justify="center"), height=6)

I get:

Which is centred... but my markup disappears 😅

Appreciate any thoughts folks have! I'm having a great time playing with this

[willmcgugan]

Hi Ciaran,

You want Text.from_markup() to also process the console markup.

[ciaransweet]

Well that was easy 🤣 Cheers @willmcgugan!

[ciaransweet]

🎉