Jbakerdev
x
1
2
3
4
5
6
7
8
<!-- Small -->
<button class="inline-flex items-center border border-transparent rounded-md shadow-sm text-white hover:ring-2 hover:ring-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-magenta hover:bg-magenta hover:ring-magenta px-3 py-2 text-sm   font-medium leading-4">Click Here</button>
<!-- Medium -->
<button class="inline-flex items-center border border-transparent rounded-md shadow-sm text-white hover:ring-2 hover:ring-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-magenta hover:bg-magenta hover:ring-magenta px-4 py-2 text-sm   font-medium">Click Here</button>
<!-- Large -->
<button class="inline-flex items-center border border-transparent rounded-md shadow-sm text-white hover:ring-2 hover:ring-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-magenta hover:bg-magenta hover:ring-magenta px-4 py-2 text-base font-medium">Click Here</button>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Small
render ButtonComponent.new(size: :sm) do
  "Click Here"
end
# Medium
render ButtonComponent.new(size: :md) do
  "Click Here"
end
# Large
render ButtonComponent.new(size: :lg) do
  "Click Here"
end

No notes provided.

No params configured.