Midwest Component Library v0.24.0

Previews

No matching results.

x
1
2
3
4
5
6
7
8
<div class="midwest-callout theme-primary">
  <div class="callout-wrap">
    <div data-controller="midwest-prose" class="midwest-prose prose w-full max-w-full m-auto">
      <h3>Whoops!</h3>
      <p>Something happened</p>
    </div>
  </div>
</div>
1
2
3
4
5
6
<%= midwest_callout do %>
  <%= midwest_prose(full: true) do %>
    <h3>Whoops!</h3>
    <p>Something happened</p>
  <% end %>
<% end %>

Default

This is the minimum code needed to make a callout.

No params configured.

No assets to display.
Add a .js or .css file alongside the component to see it here.

Accessibility

Figma embed for Callout/default

Annotate a preview to embed its Figma design here:

@figma "https://figma.com/..."