The Tab Group Pill Variant is not mentioned in the docs.

[kyledoesdev]

Flux version

1.1.2

Livewire version

3.5.12

What is the problem?

Currently, the tab group variant "pills" is not listed in the documentation. I believe this should be added because I didn't know it was an option until I went source diving. It was initially discussed here: #945

Code snippets

Here's an example implementation of the pills variant:

<flux:tab.group>
      <flux:tabs variant="pills">
            <flux:tab name="panels" icon="pencil-square">Panels</flux:tab>
            <flux:tab name="blog" icon="arrow-up-tray">Blog</flux:tab>
            <flux:tab name="technologies" icon="command-line">Technologies</flux:tab>
            <flux:tab name="photos" icon="photo">Photos</flux:tab>
            <flux:tab name="settings" icon="cog-6-tooth">Settings</flux:tab>
        </flux:tabs>

        <flux:tab.panel name="panels">
        </flux:tab.panel>

        <flux:tab.panel name="blog">
        </flux:tab.panel>

        <flux:tab.panel name="technologies">
        </flux:tab.panel>

        <flux:tab.panel name="photos">
        </flux:tab.panel>

        <flux:tab.panel name="settings">
        </flux:tab.panel>
</flux:tab.group>

How do you expect it to work?

n/a

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[joshhanley]

@kyledoesdev thanks for reporting! I've submitted a PR to add it to the docs.