How to manipulate HTML attributes within a block from a view

[nc163]

I’m looking for a way to set HTML data attributes.

When setting HTML data attributes, etc., from the view, I’m unsure about the timing of the rendering process. Here's the problematic code:

render Card.new(class: 'card') do |card|
  card.with_head_content(class: 'card-header') do |content|
    content.set_attributes class: 'bg-primary' # <- here
    content.with_value value: "title text"
  end
end

The with_head_content method in the card class is defined as follows:

class Card <  ...

def with_head_content(**options)
  with_head(**options) do |component|
    render Text.new() do |text|
      yield text if block_given?
    end
  end
end

My goal is to set class or data attributes for the render Text.new() do |text| part from the view. I added the following set_attributes method in the Text class:

class Text ....

def set_attributes(**options)
  @attributes = options
end

def call
  content_tag :span, **@attributes do
    concat left
    concat value
    concat right
  end
end

I intended to use set_attributes to set the attributes and then render them in the call method, but they seem to be ignored.

What am I misunderstanding? Is there a way to resolve this?

[joelhawksley]

@nc163 reading this through, nothing specifically jumps out to me. I'd need to dig into your example code in a running context to understand the issue, which I don't have time to do. I'd recommend going that route yourself. If you do, please report back what you find and perhaps it will help us find some potential improvements to ViewComponent and/or the docs ❤️