Sha256: 19ba25e9b6d6e313d49709682ab0db4729d0a3a9a87bab0c898a85333cafcdc5

Contents?: true

Size: 808 Bytes

Versions: 12

Compression:

Stored size: 808 Bytes

Contents

<%= render_component_tag :button,
  id: @id,
  "x-ref": @name,
  "data-tab": @name,
  class: [
    "whitespace-nowrap cursor-pointer pt-2.5 pb-1.5 border-b-2",
    {
      "px-1": @theme == :toolbar,
      "px-2 text-lg relative -bottom-px": @theme == :page,
    }
  ],
  ":class": "{
    'border-lookbook-tabs-border-active': isSelected($el),
    'border-transparent text-lookbook-tabs-text hover:text-lookbook-tabs-text-hover': !isSelected($el),
    '!text-lookbook-tabs-text-disabled': isDisabled($el),
    'invisible pointer-events-none relative z-[-1]': visibleTabsCount < #{@position}
  }",
  "x-on:click.prevent": "selectTab($el)",
  "x-on:keydown.window.prevent.#{@hotkey}": @hotkey.present? ? "$el.click()" : nil,
  data: {
    disabled: @disabled
  },
  cloak: true do %>
  <%== label %>
<% end %>

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
lookbook-2.3.4 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.3.3 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.3.2 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.3.0 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.2.2 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.2.1 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.2.0 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.1.1 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.1.0 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.0.5 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.0.4 app/components/lookbook/tabs/tab/component.html.erb
lookbook-2.0.3 app/components/lookbook/tabs/tab/component.html.erb