0fcda0be1a
* feat: hopp ui initialized * feat: button components added * feat: windi css integration * chore: package removed from hopp ui * feat: storybook added * feat: move all smart components hoppscotch-ui * fix: import issue from components/smart * fix: env input component import * feat: add hoppui to windicss config * fix: remove storybook * feat: move components from hoppscotch-ui * feat: storybook added * feat: storybook progress * feat: themeing storybook * feat: add stories * chore: package updated * chore: stories added * feat: stories added * feat: stories added * feat: icons resolved * feat: i18n composable resolved * feat: histoire added * chore: resolved prettier issue * feat: radio story added * feat: story added for all components * feat: new components added to stories * fix: resolved issues * feat: readme.md added * feat: context/provider added * chore: removed app component registry * chore: remove importing of all components in hopp-ui to allow code splitting * chore: fix vite config errors * chore: jsdoc added * chore: any replaced with smart-item * chore: i18n added to ui components * chore: clean up - removed a duplicate button --------- Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com> Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
21 lines
479 B
Vue
21 lines
479 B
Vue
<template>
|
|
<Story title="Tab">
|
|
<Variant title="Single">
|
|
<SmartTabs id="my-tab" v-model="selectedTab" render-inactive-tabs>
|
|
<SmartTab id="tab1" label="Tab 1">
|
|
<h1>Tab 1 content</h1>
|
|
</SmartTab>
|
|
<SmartTab id="tab2" label="Tab 2">
|
|
<h1>Tab 2 content</h1>
|
|
</SmartTab>
|
|
</SmartTabs>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue"
|
|
|
|
const selectedTab = ref("tab1")
|
|
</script>
|