eds-nps

Explore the Interactive Component

Use the playground below to experiment with the component. Click the button to view the full Storybook deployment for additional examples and configurations.

See It in Use with Code

Check out this practical implementation of component.

Plain HTML

Properties

Property	Attribute	Description	Type	Default
`leftLabel`	`left-label`	Label displayed under the min value.	`string`	`undefined`
`question`	`question`	The question prompt for the NPS scale.	`string`	`undefined`
`rightLabel`	`right-label`	Label displayed under the max value.	`string`	`undefined`
`selectedValue`	`selected-value`	Current selected NPS value (controlled from parent).	`number`	`null`

Events

Event	Description	Type
`nps`		`CustomEvent<number>`

Dependencies

Used by

eds-form

Depends on

eds-input-label
eds-button

Graph

graph TD;
  eds-nps --> eds-input-label
  eds-nps --> eds-button
  eds-button --> eds-icon-wrapper
  eds-form --> eds-nps
  style eds-nps fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS