fix: markup examples updated to Design Framework 1.1

This commit is contained in:
Benjamin Nussbaum 2025-06-16 14:07:39 +02:00
parent 4bc31e5c60
commit 42c25fc403

View file

@ -67,6 +67,7 @@ new class extends Component {
public function renderHelloWorld(): string
{
return <<<HTML
<x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout>
<x-trmnl::markdown gapSize="large">
@ -77,12 +78,14 @@ new class extends Component {
</x-trmnl::layout>
<x-trmnl::title-bar/>
</x-trmnl::view>
</x-trmnl::screen>
HTML;
}
public function renderQuote(): string
{
return <<<HTML
<x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout>
<x-trmnl::markdown gapSize="large">
@ -93,12 +96,14 @@ HTML;
</x-trmnl::layout>
<x-trmnl::title-bar/>
</x-trmnl::view>
</x-trmnl::screen>
HTML;
}
public function renderTrainMonitor()
{
return <<<HTML
<x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout>
<x-trmnl::table>
@ -124,6 +129,7 @@ HTML;
</x-trmnl::layout>
<x-trmnl::title-bar title="Train Monitor"/>
</x-trmnl::view>
</x-trmnl::screen>
HTML;
}
@ -131,6 +137,7 @@ HTML;
public function renderHomeAssistant()
{
return <<<HTML
<x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout class="layout--col gap--space-between">
<x-trmnl::grid cols="4">
@ -151,6 +158,7 @@ HTML;
</x-trmnl::layout>
<x-trmnl::title-bar title="Home Assistant"/>
</x-trmnl::view>
</x-trmnl::screen>
HTML;
}