Class: Primer::LabelComponent

Inherits:
Component
  • Object
show all
Defined in:
app/components/primer/label_component.rb

Overview

Use labels to add contextual metadata to a design.

Constant Summary collapse

SCHEME_MAPPINGS = 
{
  # gray
  gray: "Label--gray",
  dark_gray: "Label--gray-darker",

  # colored
  yellow: "Label--yellow",
  orange: "Label--orange",
  red: "Label--red",
  green: "Label--green",
  blue: "Label--blue",
  purple: "Label--purple",
  pink: "Label--pink",

  # Deprecated
  outline: "Label--outline",
  green_outline: "Label--outline-green",
}.freeze
SCHEME_OPTIONS = 
SCHEME_MAPPINGS.keys << nil
VARIANT_MAPPINGS = 
{
  large: "Label--large",
  inline: "Label--inline",
}.freeze
VARIANT_OPTIONS = 
VARIANT_MAPPINGS.keys << nil

Constants included from FetchOrFallbackHelper

FetchOrFallbackHelper::InvalidValueError

Instance Method Summary collapse

Methods included from FetchOrFallbackHelper

#fetch_or_fallback

Methods included from ClassNameHelper

#class_names

Constructor Details

#initialize(title:, scheme: nil, variant: nil, **kwargs) ⇒ LabelComponent

Returns a new instance of LabelComponent.

Examples:

40|Schemes

<%= render(Primer::LabelComponent.new(title: "Label: Label")) { "default" } %>
<%= render(Primer::LabelComponent.new(title: "Label: Label", scheme: :gray)) { "gray" } %>
<%= render(Primer::LabelComponent.new(title: "Label: Label", scheme: :dark_gray)) { "dark_gray" } %>
<%= render(Primer::LabelComponent.new(title: "Label: Label", scheme: :yellow)) { "yellow" } %>
<%= render(Primer::LabelComponent.new(title: "Label: Label", scheme: :green)) { "green" } %>
<%= render(Primer::LabelComponent.new(title: "Label: Label", scheme: :purple)) { "purple" } %>

40|Variants

<%= render(Primer::LabelComponent.new(title: "Label: Label")) { "Default" } %>
<%= render(Primer::LabelComponent.new(title: "Label: Label", variant: :large)) { "Large" } %>

Parameters:

  • title (String) —

    ‘title` attribute for the component element.

  • scheme (Symbol) (defaults to: nil) —

    <%= one_of(Primer::LabelComponent::SCHEME_OPTIONS) %>

  • variant (Symbol) (defaults to: nil) —

    <%= one_of(Primer::LabelComponent::VARIANT_OPTIONS) %>

  • kwargs (Hash) —

    <%= link_to_style_arguments_docs %>



48
49
50
51
52
53
54
55
56
57
58
59
 
# File 'app/components/primer/label_component.rb', line 48

def initialize(title:, scheme: nil, variant: nil, **kwargs)
  @kwargs = kwargs
  @kwargs[:bg] = :blue if scheme.nil?
  @kwargs[:tag] ||= :span
  @kwargs[:title] = title
  @kwargs[:classes] = class_names(
    "Label",
    kwargs[:classes],
    SCHEME_MAPPINGS[fetch_or_fallback(SCHEME_OPTIONS, scheme)],
    VARIANT_MAPPINGS[fetch_or_fallback(VARIANT_OPTIONS, variant)]
  )
end

Instance Method Details

#call ⇒ Object 



61
62
63
 
# File 'app/components/primer/label_component.rb', line 61

def call
  render(Primer::BaseComponent.new(**@kwargs)) { content }
end