flowbite-components 0.2.0 → 0.4.0

data/app/components/flowbite/toast/toast.html.erb

@@ -1,40 +1,13 @@
-<div
-  class="<%= container_classes.join(" ") %>"
-  role="alert"
-  <%= options.map { |k, v| "#{k}=\"#{v}\"" }.join(" ").html_safe %>
->
+<%= tag.div(
+  class: container_classes.join(" "),
+  role: "alert",
+  **options,
+) do %>
   <%= render Flowbite::Toast::Icon.new(style: style) %>
 
   <div class="ms-3 text-sm font-normal"><%= message %></div>
 
   <% if dismissible %>
-    <%# Styles from https://flowbite.com/docs/components/toast/#default-toast %>
-    <button
-      type="button"
-      class="
-        ms-auto flex items-center justify-center text-body
-        hover:text-heading bg-transparent box-border border
-        border-transparent hover:bg-neutral-secondary-medium focus:ring-4
-        focus:ring-neutral-tertiary font-medium leading-5 rounded text-sm
-        h-8 w-8 focus:outline-none
-      "
-      aria-label="Close"
-    >
-      <svg
-        class="w-3 h-3"
-        aria-hidden="true"
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 14 14"
-      >
-        <path
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
-        />
-      </svg>
-    </button>
+    <%= button %>
   <% end %>
-</div>
+<% end %>

data/app/components/flowbite/toast.rb

@@ -6,9 +6,28 @@ module Flowbite
   # @example Usage
   #  <%= render(Flowbite::Toast.new(message: "Something has happened!")) %>
   #
+  # @example Passing options to the default button
+  #  <%= render(Flowbite::Toast.new(
+  #    button: {options: {data: {action: "toast#dismiss"}}},
+  #    message: "Something has happened!"
+  #  )) %>
+  #
+  # @example Using the button slot
+  #  <%= render(Flowbite::Toast.new(message: "Something has happened!")) do |toast| %>
+  #    <% toast.with_button do %>
+  #      <%= render(Flowbite::Toast::CloseButton.new(data: {action: "toast#dismiss"})) %>
+  #    <% end %>
+  #  <% end %>
+  #
+  # @viewcomponent_slot [Flowbite::Toast::CloseButton] button The button
+  #   rendered at the end of the toast. Defaults to a close button. Use
+  #   +with_button+ to set custom content.
+  #
   # @see https://flowbite.com/docs/components/toast/
   # @lookbook_embed ToastPreview
   class Toast < ViewComponent::Base
+    renders_one :button
+
     class << self
       def classes
         ["flex", "items-center", "w-full", "max-w-xs", "p-4", "text-body", "bg-neutral-primary-soft", "rounded-base", "shadow-xs", "border", "border-default"]
@@ -17,12 +36,19 @@ module Flowbite
 
     attr_reader :dismissible, :message, :options, :style
 
+    # @param button [Hash] Configuration for the default button, rendered
+    #   using the Toast::CloseButton component. The hash can contain:
+    #   - `options`: Additional HTML options to pass to the button element,
+    #     e.g. `{data: {action: "toast#dismiss"}}`
+    #   Alternatively, you can use the `button` slot to provide the entire
+    #   button element yourself.
     # @param class [Array<String>] Additional CSS classes for the toast container.
     # @param dismissible [Boolean] Whether the toast can be dismissed (default: true).
     # @param message [String] The message to display in the toast.
     # @param options [Hash] Additional HTML options for the toast container.
     # @param style [Symbol] The color style of the toast (:default, :success, :danger, :warning).
-    def initialize(message:, dismissible: true, style: :default, class: nil, **options)
+    def initialize(message:, button: {}, dismissible: true, style: :default, class: nil, **options)
+      @button = button
       @message = message
       @style = style
       @dismissible = dismissible
@@ -33,5 +59,17 @@ module Flowbite
     def container_classes
       self.class.classes + @class
     end
+
+    protected
+
+    # Returns the HTML to use for the button, unless the button slot is used
+    def default_button
+      render(Flowbite::Toast::CloseButton.new(**default_button_options))
+    end
+
+    # @return [Hash] The options to pass to the default button component
+    def default_button_options
+      @button[:options] || {}
+    end
   end
 end

data/lib/flowbite/components/version.rb

@@ -2,6 +2,6 @@
 
 module Flowbite
   module Components
-    VERSION = "0.2.0"
+    VERSION = "0.4.0"
   end
 end

metadata

@@ -1,13 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: flowbite-components
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Jakob Skjerning
+autorequire:
 bindir: exe
 cert_chain: []
-date: 1980-01-02 00:00:00.000000000 Z
+date: 2026-11-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -49,6 +50,18 @@ files:
 - LICENSE
 - README.md
 - app/assets/tailwind/flowbite_components/engine.css
+- app/components/flowbite/alert.rb
+- app/components/flowbite/alert/alert.html.erb
+- app/components/flowbite/alert/icon.rb
+- app/components/flowbite/avatar.rb
+- app/components/flowbite/avatar/avatar.html.erb
+- app/components/flowbite/avatar/dot.rb
+- app/components/flowbite/avatar/placeholder_icon.html.erb
+- app/components/flowbite/avatar/placeholder_icon.rb
+- app/components/flowbite/badge.rb
+- app/components/flowbite/badge/badge.html.erb
+- app/components/flowbite/badge/dot.rb
+- app/components/flowbite/badge/pill.rb
 - app/components/flowbite/breadcrumb.rb
 - app/components/flowbite/breadcrumb/home_icon.rb
 - app/components/flowbite/breadcrumb/item.rb
@@ -95,9 +108,30 @@ files:
 - app/components/flowbite/input_field/textarea.rb
 - app/components/flowbite/input_field/url.rb
 - app/components/flowbite/link.rb
+- app/components/flowbite/pagination.rb
+- app/components/flowbite/pagination/chevron_left_icon.rb
+- app/components/flowbite/pagination/chevron_right_icon.rb
+- app/components/flowbite/pagination/gap.rb
+- app/components/flowbite/pagination/link.rb
+- app/components/flowbite/pagination/next_link.rb
+- app/components/flowbite/pagination/pagination.html.erb
+- app/components/flowbite/pagination/previous_link.rb
+- app/components/flowbite/progress.rb
+- app/components/flowbite/progress/progress.html.erb
+- app/components/flowbite/rating.rb
+- app/components/flowbite/rating/rating.html.erb
+- app/components/flowbite/rating/star.html.erb
+- app/components/flowbite/rating/star.rb
+- app/components/flowbite/sidebar.rb
+- app/components/flowbite/sidebar/item.rb
+- app/components/flowbite/sidebar/navigation.rb
+- app/components/flowbite/spinner.rb
+- app/components/flowbite/spinner/spinner.html.erb
 - app/components/flowbite/style.rb
 - app/components/flowbite/styles.rb
 - app/components/flowbite/toast.rb
+- app/components/flowbite/toast/close_button.html.erb
+- app/components/flowbite/toast/close_button.rb
 - app/components/flowbite/toast/icon.html.erb
 - app/components/flowbite/toast/icon.rb
 - app/components/flowbite/toast/toast.html.erb
@@ -113,6 +147,7 @@ metadata:
   homepage_uri: https://flowbite-components.substancelab.com
   source_code_uri: https://github.com/substancelab/flowbite-components
   changelog_uri: https://github.com/substancelab/flowbite-components/blob/main/CHANGELOG.md
+post_install_message:
 rdoc_options: []
 require_paths:
 - app
@@ -128,7 +163,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.3
+rubygems_version: 3.5.22
+signing_key:
 specification_version: 4
 summary: ViewComponents using the Flowbite design system
 test_files: []