SigmaKit.Components.Tabs (sigma_kit v0.0.8)

Summary

Functions

Renders a tab style navigation bar.

Functions

tabs(assigns)

Renders a tab style navigation bar.

This component does not handle content control, it is meant to be used for navigation, or with LiveView logic.

Attributes

  • id (:string) (required) - A unique identifier for the tab bar.
  • event (:string) - The event to emit when a tab item is selected. Defaults to nil.
  • target (:any) - The target for the event. Defaults to nil.
  • class (:any) - Additional classes to apply to the tab bar. Defaults to nil.

Slots

  • tab - Tab items that are always visible on the tab bar. Accepts attributes:
    • icon (:string) - An icon to display on the tab item.
    • label (:string) - The label of the tab item.
    • event (:string) - The phx-click event for the tab.
    • target (:any) - The phx-target for the tab.
    • id (:any) - the value to send when a tab item is selected.
    • active (:boolean) - If true the tab will be styled as active.
  • action - overflow items presented as a dropdown menu. Accepts attributes:
    • label (:string) - The label for the menu item.
    • event (:string) - The phx-click event for the menu item.
    • target (:string) - The phx-target for the menu item.
    • id (:string) - The value for the phx-click event.
    • icon (:string) - The icon for the menu item.