Box

Renders a box for a section on the page.

Read more Read less

Usage

Minimal example with only a box body:

<.box>
  <p>This is a box.</p>
</.box>

With title, banner, action, and footer:

<.box>
  <:title>Profile</:title>
  <:banner>
    <img src="banner-image.png" alt="" />
  </:banner>
  <:action>
    <button_link patch={~p"/profiles/#{@profile}/edit"}>Edit</button_link>
  </:action>

<p>This is a profile.</p>

<:footer>

<p>Last edited: <%= @profile.updated_at %></p>

</:footer> </.box>

Dogs are known for their loyalty and companionship. Whether you're looking for a playful pup or a calm and cuddly companion, there's a dog out there waiting for you. From energetic retrievers to gentle lap dogs, each breed has its own unique traits that can match your lifestyle. Visit your local shelter today to find the perfect furry friend to bring joy and love into your home

<.box>
  <p>
    Dogs are known for their loyalty and companionship. Whether you're
    looking for a playful pup or a calm and cuddly companion, there's a dog
    out there waiting for you. From energetic retrievers to gentle lap dogs,
    each breed has its own unique traits that can match your lifestyle.
    Visit your local shelter today to find the perfect furry friend to bring
    joy and love into your home
  </p>
</.box>