BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
<div class="text-left border-b border-grayscale-200 pb-3">
  <div class="flex items-center justify-between">
    <h1 class="text-4xl font-bold text-primary-600" >Team Members</h1>
    <div class="flex items-center gap-2"><button class='inline-flex items-center px-4 py-2 bg-primary-600 text-white rounded-lg text-sm font-medium'>Add Member</button></div>
  </div>
  <p class="mt-1 text-grayscale-500 text-lg">Manage your team members and their account permissions here</p>
</div>
1
2
3
4
5
6
7
8
9
10
11
render BetterUi::HeadingComponent.new(
  level: :h1,
  variant: :primary,
  divider: true,
  subtitle: "Manage your team members and their account permissions here"
) do |heading|
  heading.with_actions do
    "<button class='inline-flex items-center px-4 py-2 bg-primary-600 text-white rounded-lg text-sm font-medium'>Add Member</button>".html_safe
  end
  "Team Members"
end

No notes provided.

No params configured.