sgds-forms
OfficialAssist with SGDS form validation and submission.
Software Engineering#validation#forms#web-components#form-submission#sgds#has-feedback#custom-validation
AuthorGovTechSG
Version1.0.0
Installs0
System Documentation
What problem does it solve?
SGDS form components require consistent validation feedback, submission handling, and FormData integration; this skill consolidates guidance and best practices for implementing, testing, and debugging SGDS form behavior.
Core Features & Use Cases
- Handles hasFeedback-driven constraint validation and invalidFeedback customization for sgds-input, sgds-textarea, sgds-select, and related components.
- Demonstrates how to read FormData from a form containing SGDS components and how to access file uploads via sgds-file-upload when needed.
- Covers custom validation workflows using setInvalid and noValidate on individual components or novalidate on the form.
Quick Start
Wrap SGDS form components in a form element with a name attribute and enable hasFeedback to display validation messages.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: sgds-forms Download link: https://github.com/GovTechSG/sgds-web-component/archive/main.zip#sgds-forms Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.