RPF Design System for Rails
x
1
<span class="rpf-tag">Content block Tag</span>
1
2
3
render(DesignSystem::TagComponent.new(icon:, icon_position:, modifiers:)) do
  'Content block Tag'
end

Tag Component with content block

For main docs for this component, see the 'Default' preview. To add content as a block, omit the text attribute:

example:

DesignSystem::TagComponent.new(**attrs) { 'Content block Tag' }

produces:

<span class="rpf-tag">Content block Tag</span>
  • It also accepts all the usual HTML attributes for a span tag, e.g. id, class, data- etc.
Param Description Input

Add a css modifier class.

—

The position of the icon relative to the text. Defaults to left.