FormaComponent library
Every implemented Forma component, in one place. Pick a control for setup, exact properties, JavaScript recipes, C# defaults, and current limitations.
Each page covers inspector fields, runtime read/write support, a practical script, and Core model defaults. Services live in the tray.
Layouts
Give your controls a place to belong.Accordion
Expandable sections with one active section at a time.
AppShell
A responsive sidebar-and-content composition.
AspectRatioContainer
A frame whose preferred height follows its width-to-height ratio.
BreakpointContainer
Two free-position layouts: wide in slot 1, narrow in slot 2.
Card
A content container with an optional header and description.
CenterPanel
Center a group of children in both directions.
FlowLayoutPanel
Arrange children in order with orientation and spacing.
Form
The root window. Give your app somewhere to live.
GroupBox
A titled container for related controls.
HStack
A horizontal stack preset.
Panel
A free-position container. Move the panel; its children come along.
ResponsiveGrid
An ordered grid with separate wide and narrow column counts.
ResponsivePanel
Wrap at wide sizes and stack below a breakpoint.
ResponsiveStack
A non-wrapping stack with separate directions above and below a breakpoint.
ScrollablePanel
Free-position content inside a scrollable viewport.
Sidebar
A vertical stack with scrolling, ready for navigation.
SplitContainer
Two panes with one-based child slot assignment.
StackPanel
An ordered stack of controls, vertical by default.
TabControl
Multiple pages with horizontal or vertical tab headers.
TableLayoutPanel
Place children in a grid of columns and rows.
VStack
A vertical stack preset.
WrapPanel
Flow children onto another row or column when space runs out.
Controls
The details that make your app yours.Avatar
An image or initials for the person behind the data.
Badge
A small status label with semantic color variants.
Breadcrumb
A selectable path through your application.
Button
A clear call to action, with your logic behind the click.
ButtonGroup
A grouped set of single-selection buttons.
CheckBox
A boolean choice that says exactly what it means.
CheckBoxGroup
Several choices, one neatly grouped control.
CheckedListBox
An item list with independent checkboxes.
Chip
A selectable pill that can also be dismissed.
ChipGroup
Multiple selected tags in a compact strip.
CircularProgress
Show progress as a circular percentage.
ColorPicker
Choose a color as a six-digit hex value.
ComboBox
A compact dropdown for one choice.
CommandButton
An icon, title, description, and a regular click action.
DataGridView
A table of string cells with selection, sorting, filtering, and runtime edits.
DatePicker
Choose a date without timezone conversions.
DateTimePicker
Choose a local date and time.
Divider
Create visual breathing room between sections.
DropdownButton
A trigger for a structured command menu.
EmptyState
Explain why there is no content and what to do next.
FilePicker
Open a native file chooser and read the selected path.
FloatingActionButton
A circular action button for your primary task.
FolderPicker
Open a native folder chooser and read the selected path.
Icon
Display one of Forma’s bundled icons.
IconButton
An action represented by an icon and an accessible label.
Image
Display an image selected in the Builder or set at runtime.
Label
Display text, results, and the occasional well-earned victory message.
LinkLabel
Open an absolute HTTP or HTTPS URL through the host.
ListBox
An always-visible list with one selection.
ListView
A list-style choice view. Use DataGridView for columns.
MaskedTextBox
Guide input with a fixed character pattern.
MenuStrip
A structured top-level command menu.
NumericUpDown
A numeric value with minimum, maximum, and step controls.
Pagination
A page selector calculated from item count and page size.
PasswordBox
An obscured text input. Presentation privacy, not encryption.
PictureBox
An image display with configurable fitting behavior.
ProgressBar
Show progress along a line.
PropertyGrid
Display named property entries, optionally editable.
RadioButton
One choice among sibling radio buttons.
RadioGroup
One selection from a named collection of radio choices.
Rating
A whole-star rating, with optional read-only display.
RichTextBox
Structured text with a compact formatting toolbar.
SearchBox
A text input styled for search. Your script decides what gets filtered.
SegmentedControl
Switch between choices with a row of buttons.
SideNavigation
A single-selection navigation list. Your script handles the destination.
Skeleton
A placeholder while real content gets ready.
Slider
Choose a number by moving a thumb.
Spinner
Show that work is happening, without pretending to know the percentage.
SplitButton
One primary action plus a menu of alternatives.
StatusBar
Display left and right status text.
TextArea
Room for paragraphs, notes, and words that refuse to fit on one line.
TextBox
Collect a single line of text. Bind it when you need the latest value.
TimePicker
Choose a local time in hours and minutes.
ToggleButton
A button that remembers its checked state.
ToggleSwitch
A switch for an on/off setting.
Toolbar
A compact collection of command actions.
ToolStrip
A strip of structured commands.
TreeView
Display expandable hierarchical data.
Services
Behind the scenes. On top of things.BackgroundWorker
A Core background-work component; JavaScript can inspect its status and flags.
ConfirmationDialog
A confirmation dialog preset for consequential choices.
ContextMenu
Attach a structured right-click menu to a target.
ContextMenuStrip
A context-menu variant with the same command model.
Dialog
A modal message with configured buttons and a native result.
LoadingOverlay
A tray service that covers its target while work runs.
Timer
A nonvisual interval that raises Tick while enabled.
Toast
A transient notification shown from the component tray.
Tooltip
Attach delayed contextual help to a target control.