Guide
Why
Getting Started
API
Button
FramerPlugin
FramerPluginProvider
Icon
ListControls
NumberControls
SegmentedControls
Separator
Spinner
TextControls
useAutoSizer
useDebounce
useDebounceValue
useSelection
useStore
useTheme
asNumberOr
capitalizeWords
Component
Icon component that renders an icon using either a provided URL or a predefined icon type.
// Render an icon from a predefined type <Icon icon="home" size={24} color="blue" />
// Render an icon from a URL <Icon iconUrl="https://example.com/icon.svg" size={32} />
// Render an icon with additional class names and styles <Icon icon="settings" className="my-icon" style={{ margin: '10px' }} />
className?
The additional class names to apply to the icon.
type
string
color?
The color of the icon.
default value
'currentColor'
icon?
The type of the icon to display.
IconType
iconUrl?
The URL of the icon to display.
size?
The size of the icon.
number
16