Contents

<div id="inspector" class="bg-white w-full overflow-hidden flex flex-col" x-data="inspector" x-show="$screen('md')">
   <div class="px-4 border-b border-gray-200 flex items-center flex-none select-none">
    <nav class="-mb-px flex space-x-8 cursor-auto">
      <% panes.each do |key, props| %>
        <a
          id="inspector-tab-<%= key %>"
          href="#<%= key %>"
          class="whitespace-nowrap py-2 px-1 border-b-2 cursor-pointer <%= "!text-gray-300" if props[:disabled] %>"
          :class="{
            'border-indigo-400': active('<%= key %>'),
            'border-transparent text-gray-500 hover:text-gray-700': !active('<%= key %>')
          }"
          @click.stop.prevent="switchTo('<%= key %>')"
          <% if props[:hotkey] %>data-hotkey="<%= props[:hotkey] %>"<% end %>
        >
          <%== props[:label] %>
        </a>
      <% end %>
    </nav>
  </div>
  <div class="flex-auto overflow-auto bg-gray-50">
    <% panes.each do |key, props| %>
      <div class="flex flex-col h-full relative" x-show="active('<%= key %>')" x-effect="
        if ($store.inspector.active === '<%= key %>') {
          const input = $el.querySelector('[data-param-input]');
          if (input) setTimeout(() => input.focus(), 0)
        }
      " x-cloak>
        <% if props[:clipboard].present? %>
          <%= render "shared/clipboard" do %><%= h props[:clipboard].strip %><% end %>
        <% end %>
        <div id="inspector-content-<%= key %>" class="flex flex-col h-full overflow-auto">
          <%= render "workbench/inspector/#{props[:template]}", key: key, **props %>
        </div>
      </div>
    <% end %>
  </div>
</div>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
lookbook-0.4.6	app/views/lookbook/workbench/_inspector.html.erb
lookbook-0.4.5	app/views/lookbook/workbench/_inspector.html.erb