Primer ViewComponents v0.34.0

Previews

No matching results.

x
1
2
3
4
<button id="button-preview" aria-labelledby="tooltip-a64ffdae-90a0-48b1-b57b-0a6704b5f5db" type="button" data-view-component="true" class="Button Button--iconOnly Button--danger 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-trash Button-visual">
    <path d="M11 1.75V3h2.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75ZM4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.748 1.748 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15ZM6.5 1.75V3h3V1.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25Z"></path>
  </svg>
</button><tool-tip id="tooltip-a64ffdae-90a0-48b1-b57b-0a6704b5f5db" 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: :danger,
         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.