Course feedback form
Structured feedback form treatment for end-of-course response collection.
Live preview
Light background shown; verify against a tinted or dark surface where the component is used that way in course.
Use when / avoid when
Use when
- Use only in an agreed pilot — specification may still change.
Avoid when
- Production use outside an agreed pilot until it reaches Approved status.
Anatomy
- Header
- Rating (.isq-course-feedback__rating / __star)
- Question fields
- Optional textarea with counter
- Confirmation state
States
Responsive behaviour
Not yet verified at narrow widths — part of why this remains Experimental.
Accessibility
- Star rating needs an equivalent text/number alternative, not a visual-only control.
- Character counter must be associated with the textarea and announced without being disruptive.
Implementation
Type: custom-html-js
Dependencies: Scoped JavaScript; a data-handling and storage decision (not yet documented) before wider use.
Code
Classes used: .isq-course-feedback, .isq-course-feedback__header, .isq-course-feedback__form-content, .isq-course-feedback__question, .isq-course-feedback__rating, .isq-course-feedback__star, .isq-course-feedback__field, .isq-course-feedback__label, .isq-course-feedback__optional, .isq-course-feedback__textarea, .isq-course-feedback__counter, .isq-course-feedback__message, .isq-course-feedback__actions, .isq-course-feedback__confirmation, .isq-course-feedback__confirmation-icon
Related items
Related patterns: —
Related components: —
Governance metadata
| Owner | Design and development steward |
|---|---|
| Status | Experimental |
| Version introduced | 1.0.0 |
| Last reviewed | 2026-07 |
| Known limitations |
|