enact logoEnact
HomeGetting StartedAPIGithub
  • API Libraries
  • Developer Guide
  • Developer Tools
  • Tutorials
  • API Libraries
  • Developer Guide
  • Developer Tools
  • Tutorials

Overview

core Library

i18n Library

moonstone Library

  • BodyText
  • Button
  • Checkbox
  • CheckboxItem
  • ContextualPopupDecorator
  • DatePicker
  • DayPicker
  • DaySelector
  • Dialog
  • Dropdown
  • EditableIntegerPicker
  • ExpandableInput
  • ExpandableItem
  • ExpandableList
  • ExpandablePicker
  • FormCheckbox
  • FormCheckboxItem
  • GridListImageItem
  • Heading
  • Icon
  • IconButton
  • Image
  • IncrementSlider
  • Input
  • Item
  • LabeledIcon
  • LabeledIconButton
  • LabeledItem
  • Marquee
  • MediaOverlay
  • MoonstoneDecorator
  • Notification
  • Panels
  • Picker
  • Popup
  • ProgressBar
  • RadioItem
  • RangePicker
  • Region
  • Scroller
  • SelectableItem
  • Skinnable
  • Slider
  • SlotItem
  • Spinner
  • Switch
  • SwitchItem
  • TimePicker
  • ToggleButton
  • ToggleIcon
  • ToggleItem
  • TooltipDecorator
  • VideoPlayer
  • VirtualList

sandstone Library

spotlight Library

ui Library

webos Library

Edit on GitHub

moonstone/Switch

Provides a Moonstone-themed pill-shaped toggle switch component.

import Switch from '@enact/moonstone/Switch';

Members

SwitchComponent

Renders the base level DOM structure of the component.

import Switch from '@enact/moonstone/Switch';
Extends: moonstone/ToggleIcon.ToggleIcon
Properties
noAnimation
Boolean

Disables animation.

Default: false
ArrayBooleanFunctionModuleNumberObjectString
  • About Us
  • Legal
  • Cookie Policy
  • Contact Us
  • Use Cases
  • Twitter
  • Chat
  • Blog

Copyright © 2017-2022 LG Electronics