Add colors preview for notification component

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [Unreleased]
 
+- Added colors preview for notification component
 - Added notiication component to helpers mapping
 - Updated `Bulma::NotificationComponent` to use template
 - Added support to add a delete button within `Bulma::NotificationComponent`

previews/elements/notification_component_preview.rb

@@ -3,4 +3,7 @@
 class Elements::NotificationComponentPreview < ViewComponent::Preview
   def default
   end
+
+  def colors
+  end
 end

previews/elements/notification_component_preview/colors.html.erb

@@ -0,0 +1,35 @@
+<%= bulma_notification color: :link do |c| %>
+  <%= c.with_delete %>
+
+  Amet sapiente eius amet exercitationem consequuntur Laboriosam dolorem tenetur nihil iusto nostrum iste Architecto nemo eveniet reiciendis perspiciatis dolorem Tenetur corrupti nulla quisquam cumque quaerat eius Voluptas tenetur rerum ratione?
+<% end %>
+
+<%= bulma_notification color: :primary do |c| %>
+  <%= c.with_delete %>
+
+  Sit porro adipisicing iusto veniam tempora culpa Consequuntur magni dicta minus officiis fugiat Aspernatur deleniti atque aliquid quibusdam aperiam Velit veniam delectus reprehenderit cum repellat. Commodi doloremque debitis vero velit.
+<% end %>
+
+<%= bulma_notification color: :info do |c| %>
+  <%= c.with_delete %>
+
+  Lorem error vero dolore incidunt libero Elit recusandae atque qui perspiciatis sequi. Necessitatibus commodi cumque perferendis pariatur nihil Soluta adipisci ullam hic veritatis rerum. Quae veritatis voluptas placeat aperiam delectus?
+<% end %>
+
+<%= bulma_notification color: :success do |c| %>
+  <%= c.with_delete %>
+
+  Lorem ipsum tenetur provident laboriosam illo. Possimus recusandae laborum sed dignissimos unde qui Illo earum non illum labore id? Commodi provident beatae dolores exercitationem autem Accusantium eligendi possimus enim alias?
+<% end %>
+
+<%= bulma_notification color: :warning do |c| %>
+  <%= c.with_delete %>
+
+  Consectetur cupiditate aliquid deserunt id optio quos. Quam placeat mollitia vitae itaque tempore fuga Eos laborum quo facilis ratione numquam, ex odit Fugiat vitae ad dolorum suscipit repellat? Quae nobis
+<% end %>
+
+<%= bulma_notification color: :danger do |c| %>
+  <%= c.with_delete %>
+
+  Dolor commodi accusantium dignissimos sequi odit Velit voluptates voluptatem facere exercitationem cumque rerum Culpa sit facere cum vero aspernatur? Perferendis repellendus provident quae deserunt consectetur. Inventore voluptates quo sequi aut!
+<% end %>