Course feedback form

ISQ Rise implementation preview

Light background shown; verify against a tinted or dark surface where the component is used that way in course.

Use when / avoid when

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.

Current implementation

Theme and platform: ISQ · Articulate Rise

Implementation type: custom-html-js

The classes below belong to the ISQ implementation namespace. A future theme may implement the same component contract with different tokens and class names.

Dependencies: Scoped JavaScript; a data-handling and storage decision (not yet documented) before wider use.

Code

<!-- Experimental — confirm data handling before reuse -->
<form class="isq-course-feedback">
  <div class="isq-course-feedback__header">
    <h2 class="isq-heading isq-heading--h2">How was this course?</h2>
  </div>
</form>

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

ISQ production stylesheet reference →

Related items

Related patterns: —

Related components: —

Governance metadata