<button id="button-preview" aria-labelledby="tooltip-079b6e4f-89f9-45ec-8757-427617b27588" 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-079b6e4f-89f9-45ec-8757-427617b27588" for="button-preview" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Button</tool-tip># Sets default href to `a`, to ensure it's keyboard interactive and proper markupif tag == :a && href.nil? href = "#"endrender(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.
<lookbook-embed app="https://primer-lookbook.github.com/view-components/lookbook/" preview="Primer::Beta::IconButtonPreview" scenario="danger"></lookbook-embed>