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
Functions
Callback implementation for Phoenix.LiveComponent.mount/1
.
Callback implementation for Phoenix.LiveComponent.render/1
.
Callback implementation for Phoenix.LiveComponent.update/2
.
Link to this section Functions
Link to this function
mount(socket)
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
.