element_component 0.9.0 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8919d998e1eed755c1b0d52a1a755b913c00befed273951da5fab55bc2a6def4
-  data.tar.gz: cdb3938426b25800c14566531c14758d7202ede0e6faa76b765f7ace39530219
+  metadata.gz: c74ab0abe47013ad19304fcd1ad108855de1c85fdb4d7406e141d1797343d038
+  data.tar.gz: 6b77e4cf5c1c73f90c251d45b6a83bde06aaf052452850bac7463f437c5c604e
 SHA512:
-  metadata.gz: 37fa2859a76cc025dae9c07765e0ab492a8a79970da462f01225d20fa7c146fe850d1915882e5891fd42cbf2046de8828e25c052d3d518a8f699996b0fe2002a
-  data.tar.gz: c53fb1bf1fec326bd4ae2daafc2b704923e9a7a6fae40006d28fea7d656b4d3c0419e1250121a5989630e2e8f53a46c45e1e6d63a04d299582e0515ddde3f06e
+  metadata.gz: dbf84809def7f1bd6b2ea85ebdafa81f217254bcba2505f123487063029d962cfd6c2379fe3dd308030cbb8ed97e800746fdbf2fe229888aaee53eeffa868d7c
+  data.tar.gz: '039a7ccd1efb00032379fc3465a4f9c4b52feb7df276ad581a92d57f4970d9c471e65c8e37d545bfc81889e98793e4d8c97b8bd296adbdb1f97fe269d84ae36a'

data/AGENTS.md

@@ -18,12 +18,82 @@ lib/
         heading.rb                  # AlertHeading component
         link.rb                     # AlertLink component
         close_button.rb             # AlertCloseButton component
+      badge.rb                      # Badge component
+      breadcrumb.rb                 # Breadcrumb component
+      breadcrumb/
+        item.rb                     # BreadcrumbItem component
+      button.rb                     # Button component
+      button_group.rb               # ButtonGroup component
+      card.rb                       # Card component
+      card/
+        header.rb                   # CardHeader component
+        body.rb                     # CardBody component
+        footer.rb                   # CardFooter component
+        title.rb                    # CardTitle component
+        text.rb                     # CardText component
+        image.rb                    # CardImage component
+      carousel.rb                   # Carousel component
+      carousel/
+        item.rb                     # CarouselItem component
+        caption.rb                  # CarouselCaption component
+      close_button.rb               # CloseButton component
+      dropdown.rb                   # Dropdown component
+      dropdown/
+        menu.rb                     # DropdownMenu component
+        item.rb                     # DropdownItem component
+        divider.rb                  # DropdownDivider component
+        header.rb                   # DropdownHeader component
+      list_group.rb                 # ListGroup component
+      list_group/
+        item.rb                     # ListGroupItem component
+      modal.rb                      # Modal component
+      modal/
+        dialog.rb                   # ModalDialog component
+        content.rb                  # ModalContent component
+        header.rb                   # ModalHeader component
+        title.rb                    # ModalTitle component
+        body.rb                     # ModalBody component
+        footer.rb                   # ModalFooter component
+      nav.rb                        # Nav component
+      nav/
+        item.rb                     # NavItem component
+        link.rb                     # NavLink component
+      navbar.rb                     # Navbar component
+      navbar/
+        brand.rb                    # NavbarBrand component
+        toggler.rb                  # NavbarToggler component
+        collapse.rb                 # NavbarCollapse component
+        nav.rb                      # NavbarNav component
+      pagination.rb                 # Pagination component
+      pagination/
+        item.rb                     # PageItem component
+      progress.rb                   # Progress component
+      progress/
+        bar.rb                      # ProgressBar component
+      spinner.rb                    # Spinner component
+      table.rb                      # Table component
 spec/
   element_component_spec.rb         # Version check
   lib/
     element_spec.rb                 # Element unit tests
     components/
       alert_spec.rb                 # Alert component tests
+      badge_spec.rb                 # Badge component tests
+      breadcrumb_spec.rb            # Breadcrumb component tests
+      button_spec.rb                # Button component tests
+      button_group_spec.rb          # ButtonGroup component tests
+      card_spec.rb                  # Card component tests
+      carousel_spec.rb              # Carousel component tests
+      close_button_spec.rb          # CloseButton component tests
+      dropdown_spec.rb              # Dropdown component tests
+      list_group_spec.rb            # ListGroup component tests
+      modal_spec.rb                 # Modal component tests
+      nav_spec.rb                   # Nav component tests
+      navbar_spec.rb                # Navbar component tests
+      pagination_spec.rb            # Pagination component tests
+      progress_spec.rb              # Progress component tests
+      spinner_spec.rb               # Spinner component tests
+      table_spec.rb                 # Table component tests
   spec_helper.rb                    # RSpec config
 examples/
   alert_example.rb                  # Complete Alert usage examples
@@ -34,7 +104,7 @@ examples/
 ### `ElementComponent::Element`
 - **Attributes**: `element` (tag name), `attributes` (Hash), `contents` (Array), `html` (rendered output)
 - **Constructor**: `Element.new(tag_name, closing_tag: true, **attributes)`
-- **Content methods**: `add_content`, `add_content!`, `add_content(&block)`
+- **Content methods**: `add_content`, `add_content!`, `add_content(&block)` — `content` can be a single value or an Array of values
 - **Attribute methods**: `add_attribute`, `add_attribute!`, `remove_attribute`, `remove_attribute_value`
 - **Render**: `render` (with hooks: `before_render`, `after_render`, `around_render`)
 
@@ -42,12 +112,25 @@ examples/
 
 Components live under `ElementComponent::Components`. Each component folder contains the main class and its sub-components in separate files.
 
-| Component | Class | Description |
-|---|---|---|
-| Alert | `Components::Alert` | `.alert` container with variant |
-| Alert Heading | `Components::AlertHeading` | `.alert-heading` (`<h4>`) |
-| Alert Link | `Components::AlertLink` | `.alert-link` (`<a>`) |
-| Alert Close | `Components::AlertCloseButton` | `.btn-close` (self-closing `<button>`) |
+| Component | Class | Tag | Key Options |
+|---|---|---|---|
+| Alert | `Alert` | `<div>` | `variant`, `dismissible` |
+| Badge | `Badge` | `<span>` | `variant`, `pill` |
+| Breadcrumb | `Breadcrumb` | `<nav>` → `<ol>` | `BreadcrumbItem` (`href`, `active`) |
+| Button | `Button` | `<button>` / `<a>` | `variant`, `outline`, `size`, `href` |
+| ButtonGroup | `ButtonGroup` | `<div>` | `size`, `vertical` |
+| Card | `Card` | `<div>` | Sub-components: Header, Body, Footer, Title, Text, Image |
+| Carousel | `Carousel` | `<div>` | `fade`, `indicators`, `controls`; `CarouselItem`, `CarouselCaption` |
+| CloseButton | `CloseButton` | `<button>` (self-closing) | `disabled` |
+| Dropdown | `Dropdown` | `<div>` | `direction`; `DropdownMenu`, `DropdownItem`, `DropdownDivider`, `DropdownHeader` |
+| ListGroup | `ListGroup` | `<ul>` | `flush`, `numbered`; `ListGroupItem` (`variant`, `active`, `disabled`, `href`) |
+| Modal | `Modal` | `<div>` | `fade`, `static`, `scrollable`, `centered`, `size`; `ModalContent`, `ModalHeader`, `ModalBody`, `ModalFooter` |
+| Nav | `Nav` | `<ul>` | `type` (tabs/pills/underline), `fill`, `justified`, `vertical` |
+| Navbar | `Navbar` | `<nav>` | `expand`, `theme`, `background`, `fixed`, `sticky`; `NavbarBrand`, `NavbarNav`, `NavbarToggler` |
+| Pagination | `Pagination` | `<nav>` → `<ul>` | `size`; `PageItem` (`active`, `disabled`) |
+| Progress | `Progress` | `<div>` | `ProgressBar` (`value`, `variant`, `striped`, `animated`) |
+| Spinner | `Spinner` | `<div>` | `type` (border/grow), `variant` |
+| Table | `Table` | `<table>` | `striped`, `bordered`, `hover`, `small`, `variant` |
 
 **Alert constructor**: `Alert.new(variant: :primary, dismissible: false, **attributes, &block)`
 - `variant`: one of `:primary`, `:secondary`, `:success`, `:danger`, `:warning`, `:info`, `:light`, `:dark`
@@ -113,7 +196,8 @@ ruby examples/alert_example.rb  # Run Alert examples
 ## Key Design Decisions
 
 - Attributes stored as Hash of Symbol => Array of values (supports multiple values per attribute)
-- Contents stored as Array (supports strings, Elements, and Procs/blocks)
+- Contents stored as Array (supports strings, Elements, Procs/blocks, and Arrays of any of these)
+- `add_content(content)` accepts a single value or an Array; Arrays are spread into `@contents`
 - `!` suffix methods reset state before adding (e.g., `add_content!` clears then adds)
 - Hooks (`before_render`, `after_render`, `around_render`) are optional, detected via `respond_to?`
 - Self-closing tags controlled by `closing_tag:` parameter
@@ -121,6 +205,3 @@ ruby examples/alert_example.rb  # Run Alert examples
 
 ## Roadmap Features (from README)
 - Caching support
-- Pre-built Bulma components
-- Pre-built Bootstrap components
-- Enhanced DSL for nested structures

data/lib/element_component/components/alert/heading.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class AlertHeading < Element
-      def initialize(**attributes)
+      def initialize(content = nil, **attributes)
         super("h4")
 
         add_attribute(class: "alert-heading")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/alert/link.rb

@@ -3,12 +3,13 @@
 module ElementComponent
   module Components
     class AlertLink < Element
-      def initialize(href: "#", **attributes)
+      def initialize(content = nil, href: "#", **attributes)
         super("a")
 
         add_attribute(class: "alert-link")
         add_attribute(href: href)
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/alert.rb

@@ -9,7 +9,7 @@ module ElementComponent
     class Alert < Element
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
 
-      def initialize(variant: :primary, dismissible: false, **attributes, &block)
+      def initialize(content = nil, variant: :primary, dismissible: false, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "alert")
@@ -18,6 +18,7 @@ module ElementComponent
         add_attribute(role: "alert")
 
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
         add_content(AlertCloseButton.new) if dismissible
       end
     end

data/lib/element_component/components/badge.rb

@@ -5,13 +5,14 @@ module ElementComponent
     class Badge < Element
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
 
-      def initialize(variant: :primary, pill: false, **attributes, &block)
+      def initialize(content = nil, variant: :primary, pill: false, **attributes, &block)
         super("span", &block)
 
         add_attribute(class: "badge")
         add_attribute(class: "bg-#{variant}")
         add_attribute(class: "rounded-pill") if pill
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/breadcrumb/item.rb

@@ -3,7 +3,7 @@
 module ElementComponent
   module Components
     class BreadcrumbItem < Element
-      def initialize(href: nil, active: false, **attributes, &block)
+      def initialize(content = nil, href: nil, active: false, **attributes, &block)
         super("li", &block)
 
         add_attribute(class: "breadcrumb-item")
@@ -12,6 +12,7 @@ module ElementComponent
         add_attribute(attributes) unless attributes.empty?
 
         @href = href
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/breadcrumb.rb

@@ -5,11 +5,12 @@ require_relative "breadcrumb/item"
 module ElementComponent
   module Components
     class Breadcrumb < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("nav", &)
 
         add_attribute("aria-label": "breadcrumb")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
 
       def build

data/lib/element_component/components/button.rb

@@ -6,7 +6,7 @@ module ElementComponent
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark link].freeze
       VALID_SIZES = %i[sm lg].freeze
 
-      def initialize(variant: :primary, outline: false, size: nil, href: nil, **attributes, &block)
+      def initialize(content = nil, variant: :primary, outline: false, size: nil, href: nil, **attributes, &block)
         if href
           super("a", &block)
           add_attribute(href: href)
@@ -19,6 +19,7 @@ module ElementComponent
         add_attribute(class: outline ? "btn-outline-#{variant}" : "btn-#{variant}")
         add_attribute(class: "btn-#{size}") if size
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/button_group.rb

@@ -5,13 +5,14 @@ module ElementComponent
     class ButtonGroup < Element
       VALID_SIZES = %i[sm lg].freeze
 
-      def initialize(size: nil, vertical: false, **attributes, &block)
+      def initialize(content = nil, size: nil, vertical: false, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: vertical ? "btn-group-vertical" : "btn-group")
         add_attribute(class: "btn-group-#{size}") if size
         add_attribute(role: "group")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/card/body.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class CardBody < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "card-body")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/card/footer.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class CardFooter < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "card-footer")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/card/header.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class CardHeader < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "card-header")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/card/text.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class CardText < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("p", &)
 
         add_attribute(class: "card-text")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/card/title.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class CardTitle < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("h5", &)
 
         add_attribute(class: "card-title")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/card.rb

@@ -10,11 +10,12 @@ require_relative "card/image"
 module ElementComponent
   module Components
     class Card < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "card")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/carousel/caption.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class CarouselCaption < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "carousel-caption")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/carousel/item.rb

@@ -3,13 +3,14 @@
 module ElementComponent
   module Components
     class CarouselItem < Element
-      def initialize(active: false, interval: nil, **attributes, &block)
+      def initialize(content = nil, active: false, interval: nil, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "carousel-item")
         add_attribute(class: "active") if active
         add_attribute("data-bs-interval": interval.to_s) if interval
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/carousel.rb

@@ -6,7 +6,7 @@ require_relative "carousel/caption"
 module ElementComponent
   module Components
     class Carousel < Element
-      def initialize(id: "carousel", fade: false, indicators: true, controls: true, **attributes, &block)
+      def initialize(content = nil, id: "carousel", fade: false, indicators: true, controls: true, **attributes, &block)
         @carousel_id = id
         @show_indicators = indicators
         @show_controls = controls
@@ -17,6 +17,7 @@ module ElementComponent
         add_attribute(class: "slide")
         add_attribute(class: "carousel-fade") if fade
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/dropdown/header.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class DropdownHeader < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("li", &)
 
         inner = Element.new("h6", class: "dropdown-header", **attributes)
         @inner_header = inner
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/dropdown/item.rb

@@ -5,7 +5,7 @@ module ElementComponent
     class DropdownItem < Element
       VALID_TYPES = %i[button link].freeze
 
-      def initialize(type: :link, href: "#", active: false, disabled: false, **attributes, &block)
+      def initialize(content = nil, type: :link, href: "#", active: false, disabled: false, **attributes, &block)
         tag = type == :button ? "button" : "a"
         super("li", &block)
 
@@ -19,6 +19,7 @@ module ElementComponent
         inner.add_content(&block) if block
 
         @inner_item = inner
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/dropdown/menu.rb

@@ -3,12 +3,13 @@
 module ElementComponent
   module Components
     class DropdownMenu < Element
-      def initialize(align: nil, **attributes, &block)
+      def initialize(content = nil, align: nil, **attributes, &block)
         super("ul", &block)
 
         add_attribute(class: "dropdown-menu")
         add_attribute(class: "dropdown-menu-#{align}") if align
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/dropdown.rb

@@ -10,12 +10,13 @@ module ElementComponent
     class Dropdown < Element
       VALID_DIRECTIONS = %i[dropup dropend dropstart].freeze
 
-      def initialize(direction: nil, **attributes, &block)
+      def initialize(content = nil, direction: nil, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "dropdown")
         add_attribute(class: direction.to_s) if direction
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
 
       def toggle_button(label: "Dropdown", variant: :secondary, split: false, **btn_attributes, &block)

data/lib/element_component/components/list_group/item.rb

@@ -5,7 +5,7 @@ module ElementComponent
     class ListGroupItem < Element
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
 
-      def initialize(variant: nil, active: false, disabled: false, href: nil, **attributes, &block)
+      def initialize(content = nil, variant: nil, active: false, disabled: false, href: nil, **attributes, &block)
         tag = href ? "a" : "li"
         super(tag, &block)
 
@@ -17,6 +17,7 @@ module ElementComponent
         add_attribute(href: href) if href
         add_attribute("aria-current": "true") if active
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/list_group.rb

@@ -5,13 +5,14 @@ require_relative "list_group/item"
 module ElementComponent
   module Components
     class ListGroup < Element
-      def initialize(flush: false, numbered: false, **attributes, &block)
+      def initialize(content = nil, flush: false, numbered: false, **attributes, &block)
         super("ul", &block)
 
         add_attribute(class: "list-group")
         add_attribute(class: "list-group-flush") if flush
         add_attribute(class: "list-group-numbered") if numbered
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/modal/body.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class ModalBody < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "modal-body")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/modal/content.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class ModalContent < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "modal-content")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/modal/dialog.rb

@@ -6,7 +6,7 @@ module ElementComponent
       VALID_SIZES = %i[sm lg xl].freeze
       VALID_FULLSCREEN = %i[always sm md lg xl xxl].freeze
 
-      def initialize(scrollable: false, centered: false, size: nil, fullscreen: nil, **attributes, &block)
+      def initialize(content = nil, scrollable: false, centered: false, size: nil, fullscreen: nil, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "modal-dialog")
@@ -15,6 +15,7 @@ module ElementComponent
         add_attribute(class: "modal-#{size}") if size
         add_attribute(class: "modal-fullscreen#{"-#{fullscreen}-down" unless fullscreen == :always}") if fullscreen
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/modal/footer.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class ModalFooter < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "modal-footer")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/modal/header.rb

@@ -3,12 +3,13 @@
 module ElementComponent
   module Components
     class ModalHeader < Element
-      def initialize(close_button: true, **attributes, &block)
+      def initialize(content = nil, close_button: true, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "modal-header")
         add_attribute(attributes) unless attributes.empty?
 
+        add_content(content) if content
         add_content(CloseButton.new) if close_button
       end
     end

data/lib/element_component/components/modal/title.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class ModalTitle < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("h5", &)
 
         add_attribute(class: "modal-title")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/nav/item.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class NavItem < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("li", &)
 
         add_attribute(class: "nav-item")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/nav/link.rb

@@ -3,7 +3,7 @@
 module ElementComponent
   module Components
     class NavLink < Element
-      def initialize(href: "#", active: false, disabled: false, **attributes, &block)
+      def initialize(content = nil, href: "#", active: false, disabled: false, **attributes, &block)
         super("a", &block)
 
         add_attribute(class: "nav-link")
@@ -12,6 +12,7 @@ module ElementComponent
         add_attribute(href: href)
         add_attribute("aria-current": "page") if active
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/nav.rb

@@ -8,7 +8,7 @@ module ElementComponent
     class Nav < Element
       VALID_TYPES = %i[tabs pills underline].freeze
 
-      def initialize(type: nil, fill: false, justified: false, vertical: false, **attributes, &block)
+      def initialize(content = nil, type: nil, fill: false, justified: false, vertical: false, **attributes, &block)
         super("ul", &block)
 
         add_attribute(class: "nav")
@@ -17,6 +17,7 @@ module ElementComponent
         add_attribute(class: "nav-justified") if justified
         add_attribute(class: "flex-column") if vertical
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/navbar/brand.rb

@@ -3,12 +3,13 @@
 module ElementComponent
   module Components
     class NavbarBrand < Element
-      def initialize(href: "#", **attributes, &block)
+      def initialize(content = nil, href: "#", **attributes, &block)
         super("a", &block)
 
         add_attribute(class: "navbar-brand")
         add_attribute(href: href)
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/navbar/collapse.rb

@@ -3,13 +3,14 @@
 module ElementComponent
   module Components
     class NavbarCollapse < Element
-      def initialize(id: nil, **attributes, &block)
+      def initialize(content = nil, id: nil, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "collapse")
         add_attribute(class: "navbar-collapse")
         add_attribute(id: id) if id
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/navbar/nav.rb

@@ -3,11 +3,12 @@
 module ElementComponent
   module Components
     class NavbarNav < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("ul", &)
 
         add_attribute(class: "navbar-nav")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/navbar.rb

@@ -13,7 +13,7 @@ module ElementComponent
       VALID_FIXED = %i[top bottom].freeze
       VALID_STICKY = %i[top bottom].freeze
 
-      def initialize(expand: :lg, theme: :light, background: nil, fixed: nil, sticky: nil, container: true, **attributes,
+      def initialize(content = nil, expand: :lg, theme: :light, background: nil, fixed: nil, sticky: nil, container: true, **attributes,
                      &block)
         super("nav", &block)
 
@@ -26,6 +26,7 @@ module ElementComponent
         add_attribute(attributes) unless attributes.empty?
 
         @use_container = container
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/pagination/item.rb

@@ -3,7 +3,7 @@
 module ElementComponent
   module Components
     class PageItem < Element
-      def initialize(active: false, disabled: false, href: "#", **attributes, &block)
+      def initialize(content = nil, active: false, disabled: false, href: "#", **attributes, &block)
         super("li", &block)
 
         add_attribute(class: "page-item")
@@ -14,6 +14,7 @@ module ElementComponent
 
         @page_href = href
         @page_disabled = disabled
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/pagination.rb

@@ -7,12 +7,13 @@ module ElementComponent
     class Pagination < Element
       VALID_SIZES = %i[sm lg].freeze
 
-      def initialize(size: nil, **attributes, &block)
+      def initialize(content = nil, size: nil, **attributes, &block)
         @pagination_size = size
         super("nav", &block)
 
         add_attribute("aria-label": "Pagination")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
 
       private

data/lib/element_component/components/progress/bar.rb

@@ -5,7 +5,7 @@ module ElementComponent
     class ProgressBar < Element
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
 
-      def initialize(value: 0, variant: nil, striped: false, animated: false, **attributes, &block)
+      def initialize(content = nil, value: 0, variant: nil, striped: false, animated: false, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "progress-bar")
@@ -18,6 +18,7 @@ module ElementComponent
         add_attribute("aria-valuemax": "100")
         add_attribute(style: "width: #{value}%")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/progress.rb

@@ -5,12 +5,13 @@ require_relative "progress/bar"
 module ElementComponent
   module Components
     class Progress < Element
-      def initialize(**attributes, &)
+      def initialize(content = nil, **attributes, &)
         super("div", &)
 
         add_attribute(class: "progress")
         add_attribute(role: "progressbar")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/spinner.rb

@@ -6,13 +6,14 @@ module ElementComponent
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
       VALID_TYPES = %i[border grow].freeze
 
-      def initialize(type: :border, variant: nil, **attributes, &block)
+      def initialize(content = nil, type: :border, variant: nil, **attributes, &block)
         super("div", &block)
 
         add_attribute(class: "spinner-#{type}")
         add_attribute(class: "text-#{variant}") if variant
         add_attribute(role: "status")
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/components/table.rb

@@ -5,7 +5,7 @@ module ElementComponent
     class Table < Element
       VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
 
-      def initialize(striped: false, bordered: false, hover: false, small: false, variant: nil, **attributes, &block)
+      def initialize(content = nil, striped: false, bordered: false, hover: false, small: false, variant: nil, **attributes, &block)
         super("table", &block)
 
         add_attribute(class: "table")
@@ -15,6 +15,7 @@ module ElementComponent
         add_attribute(class: "table-sm") if small
         add_attribute(class: "table-#{variant}") if variant
         add_attribute(attributes) unless attributes.empty?
+        add_content(content) if content
       end
     end
   end

data/lib/element_component/element.rb

@@ -4,13 +4,14 @@ module ElementComponent
   class Element
     attr_reader :element, :attributes, :contents, :html
 
-    def initialize(element, closing_tag: true, **attribute, &block)
+    def initialize(element, content = nil, closing_tag: true, **attribute, &block)
       @element = element
       @closing_tag = closing_tag
       @html = String.new
 
       add_attribute!(attribute)
       reset_contents!
+      add_content(content) if content
       block&.call(self)
     end
 

data/lib/element_component/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ElementComponent
-  VERSION = "0.9.0"
+  VERSION = "0.11.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: element_component
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.11.0
 platform: ruby
 authors:
 - João Paulo Correia