PhiaUi.Components.DotNavigation (phia_ui v0.1.17)

Dot-style page indicator navigation component.

Provides two components:

dot_navigation/1 — container nav with alignment and gap controls
dot_navigation_item/1 — individual dot rendered as <a> or <button>

Summary

Functions

dot_navigation(assigns)

dot_navigation_item(assigns)

Functions

dot_navigation(assigns)

Attributes

class (:string) - Defaults to nil.
variant (:atom) - Defaults to :circle. Must be one of :circle, :pill, or :dash.
align (:atom) - Defaults to :center. Must be one of :center, :start, or :end.
gap (:atom) - Defaults to :md. Must be one of :sm, :md, or :lg.
Global attributes are accepted.

Slots

inner_block (required)

dot_navigation_item(assigns)

Attributes

active (:boolean) - Defaults to false.
href (:string) - Defaults to nil.
on_click (:string) - Defaults to nil.
label (:string) - Defaults to nil.
variant (:atom) - Defaults to :circle. Must be one of :circle, :pill, or :dash.
class (:string) - Defaults to nil.
Global attributes are accepted.