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/>