Revo Docs

Tabs

A tabs content component.

Content 1
Content 2
<x-ui::tabs tabCount="2">
    <x-slot:header1>Profile</x-slot:header1>
    <x-slot:content1>Content 1</x-slot:content1>
    <x-slot:header2>Achievements</x-slot:header2>
    <x-slot:content2>Content 2</x-slot:content2>
</x-ui::tabs>
Copied!

Icons

There is no nice way to add an icon yet, so you can use the @icon helper

Content 1
Content 2
Content 3
<x-ui::tabs tabCount="3">
    <x-slot:header1>@icon(user) &nbsp; Profile</x-slot:header1>
    <x-slot:content1>Content 1</x-slot:content1>
    <x-slot:header2>@icon(medal) &nbsp; Achievements</x-slot:header2>
    <x-slot:content2>Content 2</x-slot:content2>
    <x-slot:header3>@icon(bolt) &nbsp; Equipment</x-slot:header3>
    <x-slot:content3>Content 3</x-slot:content3>
</x-ui::tabs>
Copied!