Phoenix.WebComponent v3.2.4

View Source Phoenix.WebComponent.Appbar (Phoenix.WebComponent v3.2.4)

render appbar

Link to this section Summary

Functions

wc_appbar(assigns)

Generates a html customElement appbar.

wc_simple_appbar(assigns)

Generates an simple html appbar.

Link to this section Functions

Link to this function

wc_appbar(assigns)

View Source

Generates a html customElement appbar.

example

 Example 

<.wc_appbar
  title={"Phoenix WebComponent"}
>
  <:menu to={~p"/storybook"}>
    Component Storybook
  </:menu>
  <:logo>
    <logo-gsmlg-dev />
  </:logo>
  <:user_profile>
    (^_^)
  </:user_profile>
</.wc_appbar>

attributes

 Attributes

  • id (:any) - html attribute id. Defaults to false.
  • class (:any) - html attribute class. Defaults to "".
  • title (:string) - Appbar title. Defaults to "".

slots

 Slots

  • menu - Appbar menus. Accepts attributes:
    • class (:string)
    • to (:string)
  • logo - Appbar Logo.
  • user_profile - Appbar right side user_profile.
Link to this function

wc_simple_appbar(assigns)

View Source

Generates an simple html appbar.

example

 Example 

<.wc_simple_appbar
  title={"Phoenix WebComponent"}
>
  <:menu to={~p"/storybook"}>
    Component Storybook
  </:menu>
  <:logo>
    <logo-gsmlg-dev />
  </:logo>
  <:user_profile>
    (^_^)
  </:user_profile>
</.wc_simple_appbar>

attributes

 Attributes

  • id (:any) - html attribute id. Defaults to false.
  • class (:any) - html attribute class. Defaults to "".
  • title (:string) - Appbar title. Defaults to "".

slots

 Slots

  • menu - Appbar menus. Accepts attributes:
    • class (:string)
    • to (:string)
  • logo - Appbar Logo.
  • user_profile - Appbar right side user_profile.