Sha256: c3e38f2cb83004ae2f99311feaca58c1f4769997b296d8f15c93986fe6bd57da
Contents?: true
Size: 1.33 KB
Versions: 7
Compression:
Stored size: 1.33 KB
Contents
# frozen_string_literal: true
module Primer
# Use `TabContainer` to create tabbed content with keyboard support. This component does not add any styles.
# It only provides the tab functionality. If you want styled Tabs you can look at <%= link_to_component(Primer::Alpha::TabNav) %>.
#
# This component requires javascript.
class TabContainerComponent < Primer::Component
# @example Default
# <%= render(Primer::TabContainerComponent.new) do %>
# <div role="tablist">
# <button type="button" role="tab" aria-selected="true">Tab one</button>
# <button type="button" role="tab" tabindex="-1">Tab two</button>
# <button type="button" role="tab" tabindex="-1">Tab three</button>
# </div>
# <div role="tabpanel">
# Panel 1
# </div>
# <div role="tabpanel" hidden>
# Panel 2
# </div>
# <div role="tabpanel" hidden>
# Panel 3
# </div>
# <% end %>
#
# @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
def initialize(**system_arguments)
@system_arguments = system_arguments
@system_arguments[:tag] = "tab-container"
end
def call
render(Primer::BaseComponent.new(**@system_arguments)) { content }
end
def render?
content.present?
end
end
end
Version data entries
7 entries across 7 versions & 1 rubygems