← Home / Design System / Interactive

Interactive Components

FAQAccordion

Expandable accordion with rich text answers and optional images. Single-open pattern.

Component: src/components/FAQAccordion.astro

HOW WE CREATE IMPACT

How our work achieves public health and environmental outcomes

How does WASH Institute ensure water quality?

We implement multi-stage filtration systems and regular water quality testing protocols across all our project sites. Our team of trained technicians conducts monthly assessments using WHO-standard testing kits.

Additionally, we train local community members to perform basic water quality checks, ensuring sustainability beyond our direct involvement.

What training programs are available?

WASH Institute offers a comprehensive suite of training programs ranging from 3-day intensive workshops to 6-month professional certification courses. Topics include water treatment technologies, sanitation engineering, hygiene promotion, and program management.

How can organizations partner with WASH Institute?

We welcome partnerships with government agencies, NGOs, corporate entities, and academic institutions. Partnership models include technical assistance, co-implementation, capacity building, and research collaboration.

Contact us to discuss how we can work together to achieve universal WASH access.

ShareInterface

Compact share button with dropdown menu. Options: copy link, email, WhatsApp.

Component: src/components/ShareInterface.astro

Share this resource:

Carousel

Swiper.js-based image carousel. Used on program pages for hero and challenge image galleries.

Component: src/components/Carousel.astro

Requires Payload media objects (images with URLs). See live usage on any program page with gallery images enabled.