Add VerticalTab component for partition settings

This commit is contained in:
sanjay7178 2024-02-15 22:54:43 +05:30
parent f58a0217f8
commit 217b9f3658
2 changed files with 28 additions and 3 deletions

View File

@ -24,7 +24,8 @@
import PlotTable from "./PlotTable.svelte";
import MetricPlot from "./plots/MetricPlot.svelte";
import { getContext } from "svelte";
import PartitionSetting from "./partition/PartitionSetting.svelte";
import VerticalTab from "./partition/VerticalTab.svelte";
export let cluster;
export let from = null;
@ -217,7 +218,7 @@
<CardBody class="h5">
<CardSubtitle>Create and manage LVM partitions</CardSubtitle>
<CardText></CardText>
<PartitionSetting />
<VerticalTab />
</CardBody>
</Card>
<br />
<br/>

View File

@ -0,0 +1,24 @@
<script lang="ts">
import { TabContent, TabPane } from 'sveltestrap';
</script>
<TabContent vertical pills >
<TabPane tabId="alpha" tab="Alpha" active>
<h2>Alpha</h2>
<img
alt="Alpha Flight"
src="https://upload.wikimedia.org/wikipedia/en/4/49/Alpha_Flight_cast_picture_%28John_Byrne_era%29.gif"
/>
</TabPane>
<TabPane tabId="bravo" tab="Bravo">
<h2>Bravo</h2>
<img
alt="Johnny Bravo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Johnny_Bravo_series_logo.png/320px-Johnny_Bravo_series_logo.png"
/>
</TabPane>
<TabPane tabId="charlie" tab="Charlie">
<h2>Charlie</h2>
<img alt="Charlie Brown" src="https://upload.wikimedia.org/wikipedia/en/2/22/Charlie_Brown.png" />
</TabPane>
</TabContent>