Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7

Signal Form Demo

A workspace access request form backed by Angular signal forms. The page combines the TailNG form components in a single product-style workflow.

Getting Started

Signal Form Demo

Real-world Angular signal forms example using the TailNG form components.

Workspace access request

A single product-style form that combines TailNG form components with Angular signal forms.

Plain CSS signal form demo

Requester Verification

Start with identity, email validation, and an OTP confirmation code.

Access Scope

Select the owning team, approvers, applications, channels, and target environment.

Maya ChenSofia Garcia
Access type

Schedule & Risk

Use date-oriented controls and a slider to describe duration and risk posture.

Moderate risk · 65

Policy & Metadata

Finish with policy acknowledgements, notifications, and removable tags.

Allow weekend access
Notify requester on approval
incident-response temporary customer-facing