gbr_ui - v1.0.1

gbr/ui/admin/header

🔝 Gleam UI header super element

Types

UIHeader

opaque </>

Header super element

  • id: Identification html element
  • sidebar: Sidebar visible
  • app_nav: App nav visible to mobile responsive
pub opaque type UIHeader

UIHeaderRender

opaque </>

Render header element

  • user: User info
  • logo: Logotype info
  • on_…: Events
pub opaque type UIHeaderRender(a)

Values

at

</> 
pub fn at(in: UIHeader) -> UIHeaderRender(a)

New render header element

  • in: Header info
  • logo: Logo info
  • user: User render element
</> 
pub fn logo(in: UIHeader, logo: logo.UILogo) -> UIHeader

Set header logo

new

</> 
pub fn new(id: String) -> UIHeader

New header super element

  • id: Identification html element
  • sidebar: Logo info
  • appnav: User info

on_darkmode

</> 
pub fn on_darkmode(
  in: UIHeaderRender(a),
  on_darkmode: a,
) -> UIHeaderRender(a)

On dark mode toggle

When dark mode button is clicked

on_dropdown

</> 
pub fn on_dropdown(
  in: UIHeaderRender(a),
  on_dropdown: a,
) -> UIHeaderRender(a)

On dropdown user info toggle

Uses with toggle_dropdown

When header user element is clicked

on_mobile

</> 
pub fn on_mobile(
  in: UIHeaderRender(a),
  on_app: a,
) -> UIHeaderRender(a)

On mobile screen toggle

Uses with toggle_mobile

When chance or open in mobile screen

on_sidebar

</> 
pub fn on_sidebar(
  in: UIHeaderRender(a),
  on_sidebar: a,
) -> UIHeaderRender(a)

On sidebar toggle

Uses with toggle_sidebar

When sidebar button is clicked

on_submit

</> 
pub fn on_submit(
  in: UIHeaderRender(a),
  onsubmit: fn(String) -> a,
) -> UIHeaderRender(a)

On submit header generic event

Uses when TODO?

When clicked generic button TODO?

render

</> 
pub fn render(at: UIHeaderRender(a)) -> element.Element(a)

Render header super element

  • at: Render header element info

toggle_dropdown

</> 
pub fn toggle_dropdown(in: UIHeader) -> UIHeader

Toggle dropdown user info

toggle_mobile

</> 
pub fn toggle_mobile(in: UIHeader) -> UIHeader

Toggle mobile screen

toggle_sidebar

</> 
pub fn toggle_sidebar(in: UIHeader) -> UIHeader

Toggle sidebar open

user

</> 
pub fn user(in: UIHeader, user: user.UIUser) -> UIHeader

Set header user

✨ Search Document