> For the complete documentation index, see [llms.txt](https://docs.matestack.io/matestack-ui-core/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.matestack.io/matestack-ui-core/1.5.0/components-api/core-components/figure.md).

# Figure

The HTML `<figure>` tag, implemented in Ruby.

## Parameters

This component accepts all the canonical [HTML global attributes](https://www.w3schools.com/tags/ref_standardattributes.asp) like `id` or `class`.

## Examples

### Example 1: Basic usage

```ruby
figure id: "foo", class: "bar" do
  img path: 'matestack-logo.png', width: 500, height: 300, alt: "logo"
end
```

returns

```markup
<figure id="foo" class="bar">
  <img src="your-asset-path/matestack-logo.png" width="500" height="300" alt="logo"/>
</figure>
```