Contents

# typed: false
# frozen_string_literal: true

module Ariadne
  module UI
    module Combobox
      module Item
        class Component < Ariadne::BaseComponent
          option :label
          option :as, default: proc { :link } # :button

          accepts_html_attributes do |html_attrs|
            html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([style(as:), html_attrs[:class]].join(" "))

            # html_attrs["data-input-filter-target"] = "searchString"
            if as == :link && !html_attrs[:target]
              html_attrs[:target] = "_top"
            end
          end

          def initialize(**options)
            super(**options)
          end

          style do
            base do
              [
                "ariadne-flex",
                "ariadne-gap-0.5",
                "ariadne-items-center",
                "ariadne-ps-2",
                "ariadne-pe-1",
                "ariadne-rounded",
                "!ariadne-ring-0",
                "hover:ariadne-bg-zinc-100",
                "hover:dark:ariadne-bg-zinc-800",
                "focus-within:ariadne-bg-zinc-100",
                "focus-within:dark:ariadne-bg-zinc-800",
              ]
            end
            variants do
              as do
                button do
                  "ariadne-appearance-none ariadne-inline-flex ariadne-w-full"
                end

                link do
                  "ariadne-cursor-pointer"
                end
              end
            end
          end

          def link?
            as == :link
          end
        end
      end
    end
  end
end

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
ariadne_view_components-0.0.80.3	app/components/ariadne/ui/combobox/item/component.rb