BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
<div class="text-left">
  <div class="flex items-center justify-between">
    <h2 class="text-3xl font-semibold" >Playground Heading</h2>
  </div>
  <p class="mt-1 text-grayscale-500 text-base">Optional subtitle text</p>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
resolved_variant = variant == "~" || variant.blank? ? nil : variant.to_sym
render BetterUi::HeadingComponent.new(
  level: level.to_sym,
  variant: resolved_variant,
  align: align.to_sym,
  divider: divider,
  subtitle: subtitle.presence
) do |heading|
  if with_actions
    heading.with_actions do
      "<button class='inline-flex items-center px-3 py-1.5 bg-primary-600 text-white rounded-lg text-sm font-medium'>Action</button>".html_safe
    end
  end
  "Playground Heading"
end

No notes provided.

Param Description Input

—

—

—

—

—

—