# Points Widget

## Embedding

The points widget can be included in the DOM by calling:

###### Default code example

`var pointsWidgetContainer = document.querySelectorAll('.points-widget-container')[0]; Nonstop.default.presentPointsWidget(pointsWidgetContainer);`

Additionally, the following options may be passed to the points widget to configure it's appearance:

- isLeftRounded - Rounds the left side of the points widget (defaults to true)
- isRightRounded - Rounds the right side of the points widget (defaults to true)
- dropdownEnabled - whether or not the points widget can render a message (defaults to true)

###### isLeftRounded: true, isRightRounded: false

`var pointsWidgetContainer = document.querySelectorAll('.points-widget-container')[0]; Nonstop.default.presentPointsWidget(pointsWidgetContainer, { isRightRounded: false });`

###### isLeftRounded: false, isRightRounded: true

`var pointsWidgetContainer = document.querySelectorAll('.points-widget-container')[0]; Nonstop.default.presentPointsWidget(pointsWidgetContainer, { isLeftRounded: false });`

###### dropdownEnabled: false

`var pointsWidgetContainer = document.querySelectorAll('.points-widget-container')[0]; Nonstop.default.presentPointsWidget(pointsWidgetContainer, { dropdownEnabled: false });`

Add 1 point

Exceed Limit