Framer X code component that acts as an alternative to the Stack
component where items can be dyanmicaly hidden via code overrides.
Install this package from the Framer X store.
- Connect DynamicStack to items.
- Override the
visibleItems
prop to control which items are shown. - Preview the dynamic stack.
Prop | Type | Description |
---|---|---|
items |
React.Component[] |
The frames to be displayed in the stack |
visibleItems |
boolean[] |
Controls which items will be displayed in the stack |
scrollable |
boolean |
If true, makes the stack scrollable and hides any overflowing content |
As well as exposing the above props, all the property controls of the Stack
component have been replicated (except for distribute
).
You can download an example project showing how to use this component here.