Formcarry UI components examples

Formcarry

A table displaying team members, their roles, and statuses. It includes dropdowns to change roles and a button to remove users.

• Table

Formcarry

A card displaying an integration with Zapier, including its logo, name, website, a brief description, and a copyable API key or token.

• Click to copy

Formcarry

A KPI tile displaying a total submissions count alongside a line chart showing submissions over time. The chart currently shows zero submissions across all dates.

• Charts

Formcarry

A gauge chart displaying the current usage against a submission limit. It shows 0 out of 50 used, with a 0% used label and an empty semi-circular gauge.

• Charts

Formcarry

A welcome header featuring an overlapping avatar group and a personalized greeting with a subtitle.

• Avatar

Formcarry

A drag-and-drop file upload area with a dashed border, label, and helper text.

• File upload input

Formcarry

A settings row with an icon, title, description, a 'PRO' badge, a toggle switch, and an edit button.

• Toggle/Switch

Formcarry

A toggle switch component used to enable or disable a form, accompanied by a label and a descriptive helper text.

• Toggle/Switch

Formcarry

A small pill-shaped badge indicating a 'PRO' status or feature.

• Badge

Formcarry

A code block displaying HTML input fields with syntax highlighting and a copy button.

• Code block

Formcarry

A vertical stepper providing three steps to set up a form endpoint. Steps 1 and 2 include code snippets with copy buttons. Step 3 includes a primary action button to create a live demo.

• Stepper

Formcarry

A horizontal tab navigation bar with four options. The first option is currently selected, indicated by a white background and blue text.

• Tabs