---
title: "Angular 9+ (including 22) and Ionic Framework Forms Examples | Mobiscroll"
component: "Forms"
framework: "Angular"
library_version: "6.2.0"
url: "https://demo.mobiscroll.com/angular/forms"
---

# Advanced Angular forms

Form elements for desktop and mobile with text input, select, slider, switch, checklist, radio buttons and more. Last update: Oct 30, 2026

## Description

Form fields from inputs and text areas to segmented controls & switches can be used to create forms for event creation, editing and much more. Build custom forms for mobile and desktop with the responsive grid layout, or render them in popups & modals for add/edit screens.

## Building forms

- [Mobile form](https://demo.mobiscroll.com/angular/forms/mobile.md) - Angular Single column mobile form example with field groups. Deliver different fields types with a consistent look & feel.
- [Inline desktop form](https://demo.mobiscroll.com/angular/forms/desktop.md) - Angular single and multi-column desktop form. Render forms right on the page with a consistent look & feel.
- [Responsive form](https://demo.mobiscroll.com/angular/forms/responsive.md) - Responsive Angular form using grid layout. Define how the form elements behaves across multiple screen sizes.
- [Inside a modal](https://demo.mobiscroll.com/angular/forms/popup.md) - Angular embedded forms in modal or pop-over. Perfect layout for contextual add/edit forms.

## Alerts & notifications

- [Alert, confirm & prompt](https://demo.mobiscroll.com/angular/forms/alert-confirm-prompt.md) - Angular alert, confirm and prompt dialogs for giving feedback to users and for quick & focused data entry.
- [Toast & snackbar](https://demo.mobiscroll.com/angular/forms/notifications.md) - Angular notification examples of toast and snackbar with or w/o action. With undo, retry or custom functionality.

## Buttons

- [Buttons](https://demo.mobiscroll.com/angular/forms/buttons.md) - Angular button styling with full-width and justified layout along with icons, borderless/flat and outline rendering.
- [Segmented](https://demo.mobiscroll.com/angular/forms/segmented.md) - Angular segmented control with single & multiple select for radio buttons and checklists. It supports icons, text, colors.
- [Stepper](https://demo.mobiscroll.com/angular/forms/stepper.md) - Angular stepper example with fixed/custom steps and editable values.
- [Colors](https://demo.mobiscroll.com/angular/forms/button-segmented-stepper-colors.md) - Angular button, segmented and stepper with color presets for primary, secondary, success, danger and more.

## Inputs & fields

- [Field types](https://demo.mobiscroll.com/angular/forms/inputs-text-areas-date-fields.md) - Angular text field input examples with single-, multi-line, masked, reveal password, disabled, error styling.
- [Customize the input](https://demo.mobiscroll.com/angular/forms/input-label-types.md) - Angular input examples with underlined, boxed and outline rendering and labels stacked, inline and floating.

## Toggle & radio

- [Checkbox](https://demo.mobiscroll.com/angular/forms/checkbox.md) - Angular checkbox and checklist demo and styling with or without description text. Supports disabled styling.
- [Switch](https://demo.mobiscroll.com/angular/forms/switch.md) - Angular switch/toggle demo with or without description. Alternative to the checkbox. Supports disabled styling.
- [Radio buttons](https://demo.mobiscroll.com/angular/forms/radio-button.md) - Angular radio button demo for single select option lists. Use it with or without description, supports disabled styling.

## Customizing the look & feel

- [Theming capabilities](https://demo.mobiscroll.com/angular/forms/themes-ios-material-windows.md) - Angular forms with iOS, Material, Windows light and dark themes. Choose from existing themes or create your own.