Cfa Ui Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
<div class="cfa-card rounded-lg p-cfa-lg bg-background-container">
  <h2>Informational card</h2>
  <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Ut volutpat ornare elit a vestibulum</li>
  </ul>
</div>
1
2
3
4
5
6
7
8
9
10
render(CardComponent.new(variant: :informational)) do
  content_tag(:h2, "Informational card") +
    content_tag(:ul) do
      safe_join([
        content_tag(:li, "Lorem ipsum dolor sit amet"),
        content_tag(:li, "Consectetur adipiscing elit"),
        content_tag(:li, "Ut volutpat ornare elit a vestibulum")
      ])
    end
end

No notes provided.

No params configured.