Guide
Why
Getting Started
API
Button
FramerPlugin
FramerPluginProvider
Icon
ListControls
NumberControls
SegmentedControls
Separator
Spinner
TextControls
useAutoSizer
useDebounce
useDebounceValue
useSelection
useStore
useTheme
asNumberOr
capitalizeWords
Component
A component that renders an input element with optional title and icon.
// Render an input with a title and an icon <TextControls title="Username" icon="user" onChange={handleInputChange} />
// Render an input with a default value <TextControls defaultValue="Default text" />
// Render an input with additional HTML attributes <TextControls placeholder="Enter text here" className="custom-input" />
icon?
The icon of the text controls.
type
IconType
onChange?
The callback function that is triggered when the value changes.
(value: string) => void
title?
The title of the text controls.
string