SurfaceBootstrap.NavBar.Item (surface_bootstrap v0.1.1)

Defines an Item for the NavBar. This component supports three categories of components

  • <a class="nav-link">
  • <span class="navbar-text">
  • <form class="d-flex">

This means the slot content should be one of the following

  • <a class="nav-link">
  • <Link class="nav-link">
  • <LiveRedirect class="nav-link">
  • <LivePatch class="nav-link">
  • <form class="d-flex"> (note the class, if not used the form components will stack)
  • <span class="navbar-text">

For forms, see https://getbootstrap.com/docs/5.0/components/navbar/?#forms for more information

Properties

  • group :string, default: "left", values: ~w(left middle right) - Grouping of the item. The NavBar has three grouping slots
  • "left" aligns left
  • "middle" aligns to the middle
  • "right" aligns to the right .

Link to this section Summary

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Callback implementation for Phoenix.LiveComponent.render/1.

Link to this function

update(assigns, socket)

Callback implementation for Phoenix.LiveComponent.update/2.