<ed-survey> component

A webcomponent for surveys in education.

Usage

<ed-survey>Do you understand what is a web-component?</ed-survey>

As in every ed-component, you can use Markdown as content.

<ed-survey type="rating">
  Do you prefer **rating** surveys?</p>
</ed-survey>

Credits

This component uses nudeui nd-rating web component written by Léa Verou under MIT. Retrieved 2023-07-08.

API

Generated with @custom-elements-manifest

ed-survey/src/EdSurvey.ts:

class: EdSurveyElement
Superclass
Name Module Package
HTMLElement
Static Methods
Name Privacy Description Parameters Return Inherited From
define tagName
Fields
Name Privacy Type Default Description Inherited From
type
question
choice
readonly
isHTML
innerHTML `` ` <style>
:host {
  display: block;
}
div {
  display: flex;
  justify-content: space-evenly;
}
.question {
  font-size: var(--font-size-fluid-2, max(1.5rem,min(6vw,2.5rem)));
  font-weight: var(--font-weight-6, 600);
}     </style>     <p class="question" aria-description="question"></p>     <div></div>     ` `` |             |                |
Methods
Name Privacy Description Parameters Return Inherited From
_handleResponse private evt: Event
Events
Name Type Description Inherited From
edEvent CustomEvent
Attributes
Name Field Inherited From
type
question
choice
readonly
isHTML

<hr/>

Playground for <ed-survey> component


Settings

Attributes
Content

Live preview

html
<ed-survey></ed-survey>
preview