sgds-components

Identify and apply SGDS web components across React, Vue, Angular, and Next.js.

18|10|Updated Aug 30, 2022
One-click install
npx skills add https://github.com/GovTechSG/sgds-web-component --skill sgds-components
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sgds-components
Source: https://github.com/GovTechSG/sgds-web-component/tree/main/skills/sgds-components
Command: npx skills add https://github.com/GovTechSG/sgds-web-component --skill sgds-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Identify and apply SGDS web components across frameworks to accelerate implementation.

Core Features & Use Cases

  • Comprehensive reference of SGDS components including API summaries, slots, events, and examples.
  • Framework integration guidance for React, Vue, Angular, and Next.js.
  • Real-world usage patterns to help teams implement SGDS consistently.

Quick Start

Use this Skill to locate a component like sgds-button and receive a ready-to-run usage example, API summary, and framework-specific notes.

Frequently Asked Questions about sgds-components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate SGDS web components into a React or Vue application?

To integrate SGDS web components into React or Vue, you apply framework-specific integration patterns provided by the reference. This ensures components like sgds-button render correctly and handle events properly across different framework bindings.

What is the best way to find API summaries and event details for SGDS components?

The best way to find API summaries, slots, and events for SGDS components is to use the complete component reference. It provides structured API details and example-driven guidance to accelerate your implementation process.

Can I use SGDS components with Next.js and Angular frameworks?

Yes, you can use SGDS components with Next.js and Angular. The reference includes specific integration patterns and usage guidance to ensure web components work seamlessly within these frameworks' rendering lifecycles.

How do I get a ready-to-run usage example for an SGDS component like sgds-button?

To get a ready-to-run usage example for an SGDS component like sgds-button, you query the component reference. It returns framework-specific notes, API summaries, and real-world usage patterns for immediate implementation.

Does using SGDS web components require special framework wrappers for consistent implementation?

Using SGDS web components does not require special framework wrappers, but applying the provided framework integration guidance ensures consistent implementation. The reference covers patterns for React, Vue, Angular, and Next.js to maintain uniformity.