Sha256: 43fd6ab3307fc495c60f657c0ee04a51233f43d38675914259a144e61f0efcb7
Contents?: true
Size: 1.71 KB
Versions: 7
Compression:
Stored size: 1.71 KB
Contents
# frozen_string_literal: true module Primer module Beta # @label Truncate class TruncatePreview < ViewComponent::Preview # @label Default options # # @param text [String] text def default(text: "branch-name-that-is-really-long") render(Primer::Beta::Truncate.new) { text } end # @label Multiple items def multiple_items render(Primer::Beta::Truncate.new) do |component| component.with_item do "really-long-repository-owner-name" end component.with_item(font_weight: :bold) do "really-long-repository-name" end end end # @label Advanced multiple items def advanced_multiple_items render(Primer::Beta::Truncate.new(tag: :ol)) do |component| component.with_item(tag: :li) { "primer" } component.with_item(tag: :li, priority: true) { "/ css" } component.with_item(tag: :li) { "/ Issues" } component.with_item(tag: :li) { "/ #123" } component.with_item(tag: :li, priority: true) { "Visual bug on primer.style found in lists" } end end # @label Max widths def max_widths render(Primer::Beta::Truncate.new) do |component| component.with_item(max_width: 300) { "branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long" } component.with_item(max_width: 200) { "branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long" } component.with_item(max_width: 100) { "branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long" } end end end end end
Version data entries
7 entries across 7 versions & 1 rubygems