Lookbook Demo
x
1
2
3
4
5
6
7
8
<!-- Small -->
<h1 style="font-size: 20px; font-weight: bold; text-decoration: underline">Small header</h1>
<!-- Medium -->
<h1 style="font-size: 30px; font-weight: bold; text-decoration: underline">Medium header</h1>
<!-- Big -->
<h1 style="font-size: 44px; font-weight: bold; text-decoration: underline">Big header</h1>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Small
render Elements::HeaderComponent.new(size: 20) do
  "Small header"
end
# Medium
render Elements::HeaderComponent.new(size: 30) do
  "Medium header"
end
# Big
render Elements::HeaderComponent.new(size: 44) do
  "Big header"
end

No notes provided.

No params configured.

This is a custom panel! See the documentation for details on how to add custom panels to your Lookbook instance.

No assets to display.
Check out the button component preview to see an example with asset files.