xd-dialog-helper

xd-dialog-helper

  • Docs
  • WYSIWYG-Editor
  • GitHub

›Types

Getting started

  • Installation
  • The first dialog
  • WYSIWYG-Editor
  • Dialog validation
  • Options for showDialog()
  • Custom types

Examples

  • Hello World Dialog
  • Replace text dialog
  • Lorem Ipsum dialog

Reference

  • showDialog()
  • ActionList
  • ContentElementDeclaration
  • ContentElement
  • ContentElementType
  • Types

    • Checkbox
    • Header
    • Horizontal Rule
    • Select / Dropdown
    • Slider
    • Text
    • Text area
    • Text input

Slider

Signature

readonly DialogHelper.types.SLIDER: ContentElementType

Type

ContentElementType exported readonly member of the require('xd-dialog-helper').types namespace

Description

A numeric value slider element

Properties in element declaration

Required properties

  • id: string
  • label: string
  • value: number – Initial value of the slider
  • htmlAttributes: object – get applied to the <input type="range"> element
  • htmlAttributes.min: number – minimum slider value
  • htmlAttributes.max: number – maximum slider value

Supported properties

  • unit: string – Unit of the slider – gets displayed on the right-hand side above the slider
← Select / DropdownText →
  • Signature
  • Type
  • Description
  • Properties in element declaration
    • Required properties
    • Supported properties
xd-dialog-helper
Docs
Getting StartedExamplesAPI Reference
Community
User ShowcaseTwitter
More
GitHubLegal NoticePrivacy Policy
Copyright © 2019 Pablo Klaschka