Class: KozenetUi::HeaderComponent

Inherits:
BaseComponent
  • Object
show all
Defined in:
app/components/kozenet_ui/header_component.rb,
app/components/kozenet_ui/header_component/cta_component.rb,
app/components/kozenet_ui/header_component/brand_component.rb,
app/components/kozenet_ui/header_component/search_component.rb,
app/components/kozenet_ui/header_component/nav_item_component.rb,
app/components/kozenet_ui/header_component/user_menu_component.rb,
app/components/kozenet_ui/header_component/action_button_component.rb

Overview

Header component for navigation and branding Supports sticky and blur options, and slots for brand, nav, actions, etc.

Examples:

Basic usage

<%= kz_header(sticky: true, blur: true) do |header| %>
  <% header.brand { ... } %>
  <% header.nav_items { ... } %>
<% end %>

Defined Under Namespace

Classes: ActionButtonComponent, BrandComponent, CtaComponent, NavItemComponent, SearchComponent, UserMenuComponent

Constant Summary

Constants inherited from BaseComponent

BaseComponent::UNSET

Instance Attribute Summary

Attributes inherited from BaseComponent

#html_options, #size, #variant

Instance Method Summary collapse

Constructor Details

#initialize(sticky: BaseComponent::UNSET, blur: BaseComponent::UNSET, **html_options) ⇒ HeaderComponent

Returns a new instance of HeaderComponent.



21
22
23
24
25
26
27
28
29
 
# File 'app/components/kozenet_ui/header_component.rb', line 21

def initialize(
  sticky: BaseComponent::UNSET,
  blur: BaseComponent::UNSET,
  **html_options
)
  super(**html_options)
  @sticky = component_option(:header, :sticky, sticky, fallback: true)
  @blur = component_option(:header, :blur, blur, fallback: true)
end