PARA EMPEZAR ⏱
APRENDER VOLTAPP ▶️
Ejemplos de diseño y dispositivos
CREAR SU 1ª APP
SIGUE CON LA MISMA
Integración de Webhooks (Make, Zapier...): ex Notion
Servidor de datos privado: Supabase
MÁS AYUDA
REFERENCIA
COMUNIDAD
El nodo Interruptor permite asociar eventos a sus dos posiciones, a la vez que personaliza los aspectos visuales.
En el inspector de la parte derecha de la pantalla puede establecer primero el valor de la variable para su interruptor eligiendo "true" o "false".
Para asignar una variable al botón de conmutación es necesario entrar en el modo de script haciendo clic en los tres bloques de la parte superior izquierda del inspector.
Una vez en modo script, añade el bloque de eventos "change". A continuación, arrastre su parámetro "valor" y seleccione "promover a valor" en la parte inferior de la ventana que aparece en la pantalla.
Para cambiar el nombre de su variable, vaya a la pestaña "variables" de su inspector, haga clic en la variable en su lugar. A continuación, puede cambiar su nombre, valor, etc.
Para terminar de configurar su interruptor, vuelva al modo de diseño haciendo clic en los 4 cuadrados de la parte superior izquierda del inspector (1). Una vez en el menú "config" del inspector (2), haz clic en el icono de enlace Toggle value (3) y asigna la variable que acabas de crear (4).
A continuación, puede determinar el color de la barra cuando se activa el conmutador en "color".
Entonces el color de la barra cuando el interruptor está apagado en "off".
Por último, también puede establecer el color del botón en "Botón".
El estilo gestiona las propiedades visuales generales aplicadas a este nodo.
Controla el fondo (imagen, color o degradado) del nodo.
Controla la opacidad del nodo.
Controla el radio de redondeo de las esquinas exteriores del nodo. Puede establecer el radio para todas las esquinas (superior izquierda, superior derecha, inferior izquierda, inferior derecha) o para cada esquina individualmente.
Controla la forma, el color y el grosor del borde del nodo.
Permite añadir una o varias sombras a un nodo. Cada sombra está definida por :
Aplica el desenfoque sólo al fondo del nodo, para crear un efecto de cristal al estilo de iOS. Cuanto mayor sea el valor, mayor será el desenfoque.
El diseño le permite colocar y posicionar su nodo en relación con sus hermanos (los del mismo nodo padre).
Controla la anchura del nodo.