Scrollable

The scrollable component is a container for long form content, such as terms of service, that allows for scrolling so merchants can expose more text as they read.

Props

No props found for this component, run `yarn gen:docs` to generate component meta first.

Slots

No slots found for this component, run `yarn gen:docs` to generate component meta first.

Events

Scrollable events

Best practices

Scrollable containers should:

• Be used when it’s helpful to provide an extra visual cue to let merchants know that content exists below or above the fold
• Only be used for length text such as terms of service or other legal disclaimers and never for instructional or action-oriented text

---

Content guidelines

Scrollable containers are cards with scrolling functionality, and should follow the content guidelines for cards.

---

Related components

• To put long sections of information under a block that merchants can expand or collapse, use the collapsible component