Primer ViewComponents v0.36.0

Previews

No matching results.

x
1
2
3
4
<button id="button-preview" aria-labelledby="tooltip-63407381-e245-4f26-bf64-31694ee7fde8" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
  </svg>
</button><tool-tip id="tooltip-63407381-e245-4f26-bf64-31694ee7fde8" for="button-preview" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Button</tool-tip>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Sets default href to `a`, to ensure it's keyboard interactive and proper markup
if tag == :a && href.nil?
  href = "#"
end
render(Primer::Beta::IconButton.new(
         scheme: :invisible,
         size: size,
         id: id,
         tag: tag,
         disabled: disabled,
         icon: icon,
         "aria-label": aria_label,
         href: href
       ))

No notes provided.

Param Description Input

—

—

—

—

No assets to display.