Tabs

To render tabs you can use the Ui.Tab record.

Ui.Tab
A tab consist of a label, icon (before or after), a key and content.

This is the content for the campfire tab!

<Ui.Tabs
active="campfire"
breakpoint={600}
items=[
{
content: <p>"This is the content for the campfire tab!"</p>,
iconBefore: Ui.Icons.FLAME,
iconAfter: <></>,
label: "Campfire",
key: "campfire"
},
{
content: <p>"This is the content for the code tab!"</p>,
iconBefore: Ui.Icons.CODE,
iconAfter: <></>,
label: "Code",
key: "code"
}
]
/>
Contents
Mint UI

Mint UI is a design system and component library for building websites, web and desktop applications.

Copyright © 2018-2024 Szikszai Gusztáv. All rights reserved.