---
title: "Examples"
description: "Examples of how to use the form component."
type: "docs"
category: "doc"
tags: []
authors: [Anonymous]
date: "2026-09-09"
last_update: "2026-09-09"
time_minutes: 1
draft: false
unlisted: false
url: "https://www.derafu.dev/docs/ui/form/examples"
---

# Form Examples



---

## From Data

The simplest form, created from data only.






---

## Control

The default controls provided by the form library.






---

## User Registration

Form to create a new user account.






---

## User Login

A user login form with username, password and 2FA options.






---

## User Profile with Cards

User profile form with grouped sections in cards.






---

## User Profile with Tabs

User profile form with tabs and cards.






---

## Setup Wizard

Multi-step wizard for account setup.






---

## Invoice Issuance

Form for creating invoices with basic fields and line items.






---

## Advanced Invoice Search

Complex search form for filtering invoices with conditional fields.






---

## E-Invoicing Configuration

Comprehensive configuration form for electronic invoicing.






---

## Contact Form

Simple contact form with default values and validation.






---

## User Registration

Complex user registration form with nested fields and validation.






---

## Collection

Collections and arrays in forms.






---

## Editors

Different editors using controls.






---

## Product Ecommerce

Product creation form with data processing rules.






---

## Rules

JSON Forms rules in UI Schema.






---

## Cascade

Select options in a cascade.







---
Last updated on 09/09/2026