Contents

<%= render component_tag do %>
  <%= lb_toolbar_button(class: "switcher-button") do |button| %>
      <% button.with_dropdown do %>
        <div class="switcher-dropdown" x-data="colorSchemeSwitcher">
          <button class="switcher-option" @click="setScheme('light')" :class="{selected: isActiveScheme('light')}">
            <%= lb_icon(:sun) %>
            <span class="switcher-label">Light</span>
          </button>
          <button class="switcher-option" @click="setScheme('dark')" :class="{selected: isActiveScheme('dark')}">
            <%= lb_icon(:moon) %>
            <span class="switcher-label">Dark</span>
          </button>
          <button class="switcher-option" @click="setScheme('system')" :class="{selected: isActiveScheme('system')}">
            <%= lb_icon(:monitor) %>
            <span class="switcher-label">System</span>
          </button>
        </div>
      <% end %>

      <%= render Lookbook::UI::Icon.new(name: :sun, class: "switcher-icon-light") %>
      <%= render Lookbook::UI::Icon.new(name: :moon, class: "switcher-icon-dark") %>
    <% end %>
<% end %>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
lookbook-3.0.0.alpha.2	app/components/lookbook/ui/app/header/color_scheme_switcher/color_scheme_switcher.html.erb
lookbook-3.0.0.alpha.1	app/components/lookbook/ui/app/header/color_scheme_switcher/color_scheme_switcher.html.erb
lookbook-3.0.0.alpha.0	app/components/lookbook/ui/app/color_scheme_switcher/color_scheme_switcher.html.erb