Skip to content

switch

Functiona como un checkbox. El component switch es una forma de almacenar “verdadero” o “falso” en un state

Props

name

Indica el nombre del switch

defaultvalue

boolean que indica si está on/off

color

Indica el color del switch en hexadecimal

colortrue

Indica el color del switch cuando está en true en hexadecimal

colorfalse

Indica el color del switch cuando está en false en hexadecimal

targetType

  • state: indica que modifica un state
  • fetch: indica que ejecutará un fetch, pasando por body { sms: false } o { sms: false }

targetName

Example

<screen>
<meta>
<header>Switch Example</header>
</meta>
<body>
<switch defaultValue="false" color="#000000" colorfalse="#888888" colortrue="#cccccc" targetType="state" target="notifications" />
<switch defaultValue="false" name="sms" color="#000000" colorfalse="#888888" colortrue="#cccccc" targetType="fetch" target="saveConfig" />
</body>
<state name="notifications" defaultValue="false">
<fetch uri="https://site.com/saveconfig" method="post" name="saveConfig" />
<screen>