Catalog Navigation

<.item>

ConnieUI.Navigation

HEEx 
<ul class="w-64">
  <ConnieUI.Navigation.item navigate="#" icon="icon-file-search-02" current badge={4} badge_label="awaiting your signature">
    Documents
  </ConnieUI.Navigation.item>
</ul>

Variant matrix

Every combination of one or two attributes, side by side.

Controls

:string
:string
:integer

a count to show after the label. `nil` and `0` both render nothing

:string

what the count means, for screen readers. Required when `badge` is set

Set by the example

gates

Docs

No @doc for this component.

Attribute Type Default Description
navigate :string nil
icon :string nil
current :boolean false
gates :list []
badge :integer nil
a count to show after the label. `nil` and `0` both render nothing
badge_label :string nil
what the count means, for screen readers. Required when `badge` is set
Slot Slot attributes Description
inner_block *