Components Showcase
- gray-100
- gray-200
- gray-300
- gray-400
- gray-500
- gray-600
- gray-700
- gray-800
- gray-900
- red-500
- red-700
- orange-500
- green-500
- yellow-400
- yellow-500
- yellow-600
- blue-300
- blue-500
- blue-700
- pink-500
Default
Default
Page Title
Lorem Ipsum Dolor Sit Amet
Icon Set
- check-circle
- check-circle-hollow
- zoom
- close
- pin
- star-solid
- phone
- calendar
- dollar
- bars
- house
- search
- arrow-right
- chevron-up
- chevron-down
- chevron-left
- chevron-right
- bbb
- angies-list
- home-advisor
- gmb
- yelp
- linkedin-solid
- facebook-solid
- twitter-solid
- youtube
- youtube-solid
- instagram-solid
- tiktok
Sizes
Default
Link
And what happens if the text is long and wraps?
And what about special characters on the end?)
And what about special characters on the end!
And what about special characters on the end.
And what about special characters on the end#
And what about special characters on the end (A+)
Specify tag and add arbitrary attributes
And what happens if the text is long and wraps?
And what about special characters on the end?)
And what about special characters on the end!
And what about special characters on the end.
And what about special characters on the end#
And what about special characters on the end (A+)
Specify tag and add arbitrary attributes
Control Icon Size
With "icon-up"
Default
Default
Ready for service?
Default
Eyebrow title
Lorem Ipsum Dolor
Customize Tags
Eyebrow title
This is now an <h1> tag
Default (expand to width of container)
Don't expand
Multiple sizes, same source
Multiple sizes, multiple sources
Default
itemArea: 10,000
Responsive item area: '': 1000, sm: 5000, md: 7000 lg: 9000
Default
Lorem Ipsum
Default
- Posted in:
- Troubleshooting,
- Tips,
- Cooling,
- Heating
(display) Non commodo.
<h1> Sunt sint labore.
<h2> Excepteur enim proident velit quis.
<h3> Sint laborum dolor.
<h4> Ad in minim non.
<h5> Labore amet id sunt.
<h6> Deserunt ex aliquip tempor fugiat.
(base) Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
(small) Dolore incididunt.
(x-small) Proident esse dolore.