Savvy
Go to Savvy Homepage
Go to Savvy Builder
Searchโฆ
๐
Welcome
Key Concepts
๐
Intro to the Builder
๐ผ
Designing in Savvy
๐ฆ
Conditions
๐ฉ๐ป
Computed Fields
๐ฎ
Data Outputs
๐ฒ
Integrations
๐
Going Live
โก
Savvy's New Rendering Engine
How Tos
๐
Content How-tos
๐จ
Design How-tos
โ
Logic How-tos
Reference
๐ฆ
All Components
๐ฅ
User Input Components
๐
Global components
๐
Container Components
๐
Repeatable Components
๐ซ
Transitions
๐บ
Displaying information back to users
๐ฑ
Preset Buttons for Dropdowns
๐ค
Upload Components
๐จ
Lottie Player Component
๐
Connecting Hubspot Meeting Booker
๐
Connecting Calendly
โจ
Input Components
๐ก
Option Selectors
๐จ
Design
๐งฎ
Logic
๐ฅ
The Builder UI
๐ง
Flow-wide settings
๐ฑ
Publishing Workflow
๐
Definitions
๐
Embed your Micro-Product
TIPS
๐ค
Rules and Tips for a Proper Build
โ
Going Live Checklist
๐ฉ
URL Savvy Tricks
Other Guides
๐
Intro to Savvy Analytics
๐
Adding Segment to Webflow
Meta
๐ฎ
Roadmap
๐
Changelog
โ
How to Write Docs
Deprecated
Powered By
GitBook
๐
Container Components
Containers are components that work as boxes, allowing you to quickly and easily group elements together inside.
What are containers used for?
Grouping together components inside of a parent component
Displaying text on top of an image
Displaying data as the user types it
How do I add them?
Simply create a new component, give it a key and select "Component Container" as the component type.
In order to add components inside of the container, you need to type the key of the container in the "Parent Container Key" field.
Common use cases:
Display the name and card details in a credit card as the user types.
Display an uploaded image with a chat as a background.
Display a receipt containing the information that the user selected.
Display an envelope or package with the shipping information of the user.
And many more!
โ
โ
โ
Previous
Global components
Next
Repeatable Components
Last modified
1yr ago
Copy link
Contents
What are containers used for?
How do I add them?
Common use cases: