Skip to content

Commit

Permalink
Improve README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
protozoo committed Sep 5, 2024
1 parent bd4e4f7 commit 2c290dd
Showing 1 changed file with 15 additions and 0 deletions.
15 changes: 15 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

Alternative UI tabs component for Stipple/StippleUI.
This component wraps Quasar's Q-Tabs component for Genie Builder compatibility.
Use it in combination with q-tab-panels and q-tab-panel to switch displayed content.

## Installation

Expand Down Expand Up @@ -32,6 +33,20 @@ end

ui() = """
<st-tabs v-model="selected_tab" :ids="tab_ids" :labels="tab_labels" />
<q-tab-panels v-model="selected_tab">
<q-tab-panel name="tab_1">
Tab 1 Contents
</q-tab-panel>
<q-tab-panel name="tab_2">
Tab 2 Contents
</q-tab-panel>
<q-tab-panel name="tab_3">
Tab 3 Contents
</q-tab-panel>
</q-tab-panels>
"""

@page("/", ui)
Expand Down

0 comments on commit 2c290dd

Please sign in to comment.