Sha256: 154a2d763f070f53c000b43661e73420cf8ccc3525270079191a85ed11c0c56e

Contents?: true

Size: 797 Bytes

Versions: 12

Compression:

Stored size: 797 Bytes

Contents

<div class="relative" x-data="{ open: false }" x-on:click.outside="open = false" x-on:close.stop="open = false">
  <div x-on:click="open = ! open">
    <%= trigger %>
  </div>
  <div x-show="open"
    x-transition:enter="transition ease-out duration-200"
    x-transition:enter-start="opacity-0 scale-95"
    x-transition:enter-end="opacity-100 scale-100"
    x-transition:leave="transition ease-in duration-75"
    x-transition:leave-start="opacity-100 scale-100"
    x-transition:leave-end="opacity-0 scale-95"
    class="absolute z-50 mt-2 <%= @width %> rounded-md shadow-lg <%= @alignment_classes %>"
    style="display: none;"
    x-on:click="open = false">
    <div class="rounded-md ring-1 ring-black ring-opacity-5 <%= @content_classes %>">
      <%= content %>
    </div>
  </div>
</div>

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
kaze-0.17.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.16.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.15.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.14.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.13.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.12.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.11.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.10.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.9.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.8.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.7.0 stubs/hotwire/app/components/dropdown_component.html.erb
kaze-0.6.0 stubs/hotwire/app/components/dropdown_component.html.erb