Horizontal Tabs

Horizontal Tabs

<template>
    <lightning-card title="Tab Example"> <!-- Lightning card component -->
        <div class="slds-tabs_default"> <!-- Container for the tabs -->
            <lightning-tabset variant="default"> <!-- Tabset component -->
                <lightning-tab label="Tab 1" value="1"> <!-- First tab -->
                    <p>This is the content of Tab 1.</p>
                </lightning-tab>
                <lightning-tab label="Tab 2" value="2"> <!-- Second tab -->
                    <p>This is the content of Tab 2.</p>
                </lightning-tab>
                <lightning-tab label="Tab 3" value="3"> <!-- Third tab -->
                    <p>This is the content of Tab 3.</p>
                </lightning-tab>
            </lightning-tabset>
        </div>
    </lightning-card>
</template>