Skip to content
On this page
On this page
Use Image to render images.
Accessibility
Always provide a meaningful alt.
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
src | String | N/A | The source url of the image. |
alt | String | N/A | Specifies an alternate text for the image. |
lazy | Boolean | false | Whether or not to lazily load the image. |
system_arguments | Hash | N/A | System arguments |
Examples
Default
<%= render(Primer::Alpha::Image.new(src: Primer::ExampleImage::BASE64_SRC, alt: "GitHub")) %>
Helper
<%= primer_image(src: Primer::ExampleImage::BASE64_SRC, alt: "GitHub") %>
Lazy loading
<%= render(Primer::Alpha::Image.new(src: Primer::ExampleImage::BASE64_SRC, alt: "GitHub", lazy: true)) %>
Custom size
<%= render(Primer::Alpha::Image.new(src: Primer::ExampleImage::BASE64_SRC, alt: "GitHub", height: 100, width: 100)) %>