Sha256: 912612ec5499e4f5c9e1c2dede220fb5cbbc582fe1a44b3d4c317cd66814c5e7

Contents?: true

Size: 1.54 KB

Versions: 18

Compression:

Stored size: 1.54 KB

Contents

# frozen_string_literal: true

module Primer
  # Use `Spinner` to let users know that content is being loaded.
  class SpinnerComponent < Primer::Component
    status :beta

    DEFAULT_SIZE = :medium
    SIZE_MAPPINGS = {
      :small => 16,
      DEFAULT_SIZE => 32,
      :large => 64
    }.freeze
    SIZE_OPTIONS = SIZE_MAPPINGS.keys
    # Setting `box-sizing: content-box` allows consumers to add padding
    # to the spinner without shrinking the icon
    DEFAULT_STYLE = "box-sizing: content-box; color: var(--color-icon-primary);"

    #
    # @example Default
    #   <%= render(Primer::SpinnerComponent.new) %>
    #
    # @example Small
    #   <%= render(Primer::SpinnerComponent.new(size: :small)) %>
    #
    # @example Large
    #   <%= render(Primer::SpinnerComponent.new(size: :large)) %>
    #
    # @param size [Symbol] <%= one_of(Primer::SpinnerComponent::SIZE_MAPPINGS) %>
    # @param style [String] Custom element styles.
    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
    def initialize(size: DEFAULT_SIZE, style: DEFAULT_STYLE, **system_arguments)
      @system_arguments = system_arguments
      @system_arguments[:tag] = :svg
      @system_arguments[:style] ||= style
      @system_arguments[:animation] = :rotate
      @system_arguments[:width] = SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)]
      @system_arguments[:height] = SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)]
      @system_arguments[:viewBox] = "0 0 16 16"
      @system_arguments[:fill] = :none
    end
  end
end

Version data entries

18 entries across 18 versions & 1 rubygems

Version Path
primer_view_components-0.0.61 app/components/primer/spinner_component.rb
primer_view_components-0.0.60 app/components/primer/spinner_component.rb
primer_view_components-0.0.59 app/components/primer/spinner_component.rb
primer_view_components-0.0.58 app/components/primer/spinner_component.rb
primer_view_components-0.0.57 app/components/primer/spinner_component.rb
primer_view_components-0.0.56 app/components/primer/spinner_component.rb
primer_view_components-0.0.55 app/components/primer/spinner_component.rb
primer_view_components-0.0.54 app/components/primer/spinner_component.rb
primer_view_components-0.0.53 app/components/primer/spinner_component.rb
primer_view_components-0.0.52 app/components/primer/spinner_component.rb
primer_view_components-0.0.51 app/components/primer/spinner_component.rb
primer_view_components-0.0.50 app/components/primer/spinner_component.rb
primer_view_components-0.0.49 app/components/primer/spinner_component.rb
primer_view_components-0.0.48 app/components/primer/spinner_component.rb
primer_view_components-0.0.47 app/components/primer/spinner_component.rb
primer_view_components-0.0.46 app/components/primer/spinner_component.rb
primer_view_components-0.0.45 app/components/primer/spinner_component.rb
primer_view_components-0.0.44 app/components/primer/spinner_component.rb