Lookbook Demo
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="bg-green-50 border-green-400 text-green-700 border-l-4 p-4">
  <div class="flex">
    <div class="flex-shrink-0">
      <svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
      </svg>
    </div>
    <div class="ml-3">
      <p class="text-sm ">
        That was successful
      </p>
    </div>
  </div>
</div>
1
render Feedback::AlertComponent.new(message: "That was successful", style: :success)

Success alert

Used to notify users that a successful action has taken place.

No params configured.

This is a custom panel! See the documentation for details on how to add custom panels to your Lookbook instance.

No assets to display.
Check out the button component preview to see an example with asset files.