SurfaceBootstrap.NavBar (surface_bootstrap v0.1.1)

The NavBar component.

Can contain

  • NavBar.Brand
  • NavBar.Item

https://getbootstrap.com/docs/5.0/components/navbar/

Properties

  • color_type :string, default: "light", values: ~w(light dark) - Color type of navbar, this essentially means if the menu items etc are colored to match a dark or light background. If you plan to use a dark bg_color you should be doing color_type=dark as well so that menu items etc show lightened up. This defaults to light. .
  • bg_color :string, default: "light", values: @colors - Background color of navbar.
  • collapseable :boolean, default: true - Should navbar collapse on breakpoint?.
  • nav_size :string, values: @sizes -- ["fluid"], default: "lg" - Nav size.
  • container_size :string, values: @sizes, default: "fluid" - Container size, defaults to fluid.
  • placement :string, values: ~w(fixed_top fixed_bottom sticky_top) - Placement? Not set defaults See: https://getbootstrap.com/docs/5.0/components/navbar/?#placement.
  • scrollable_collapsed :boolean - Should navbar be scrollable in collapsed state? See: https://getbootstrap.com/docs/5.0/components/navbar/?#scrolling .
  • style :string - Any custom style you want to add to navbar.
  • class :css_class, default: [] - Any classes to put on the nav.

Link to this section Summary

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Link to this function

render(assigns)

Callback implementation for Phoenix.LiveComponent.render/1.

Link to this function

update(assigns, socket)

Callback implementation for Phoenix.LiveComponent.update/2.