UltraKit · Widget #48

Collapsible Rich Content × Gradient Fade × 4 Button Styles

4 Button Style3 Toggles
Section 01

4 options for button style — all shown live below.

1
Text Linkbutton_style = text

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.

2
Outlined Buttonbutton_style = outline

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.

3
Solid Buttonbutton_style = solid

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.

4
Icon Chevron Onlybutton_style = chevron

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.

Section 02

Switch parts of the widget on or off.

1
Fade-Out Gradient When Collapsed — Offshow_gradient = off

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.

2
Scroll Back to Top on Collapse — Offscroll_on_collapse = off

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.

3
Hide On Desktop — Onhide_desktop = hidden-desktop

Write or paste your long content here. Once it grows taller than the collapsed height set below, a "Read More" button will automatically appear so visitors can expand it. This is perfect for long product descriptions, terms & conditions, blog excerpts, or FAQ answers where you want to keep the page tidy at first glance.