Slot
premiumExtracts a property value from a child component and stores it in form data.
Overview
The Slot component bridges Framer components with the FormKit store. It reads a property (text, value, src, etc.) from its child component and writes it to the form data. Useful for connecting non-FormKit components to your form.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
fieldName | String | -- | The key name to store the extracted value under. |
extractFrom | Enum | "text" | Which property to read: text, title, value, src, href, or custom. |
customPropName | String | -- | Custom property name to extract (when extractFrom is "custom"). |
updateOn | Enum | "mount" | "mount" (on load), "change" (when value changes), or "manual" (on click/tap). |
formId | String | "default" | Form identifier. |
Features
- Extracts property values from child components
- Multiple extraction sources: text, title, value, src, href, custom
- 3 update triggers: mount, change, manual (click)
- Bridges non-FormKit components with the form store
Tips
Use Slot to connect Framer-native components (like a designed card or pricing toggle) to your form data.
The "manual" update trigger is useful for click-to-select interactions.