Switch

Como utilizar

import { Switch } from '@superlogica/design-system-mobile'

import React, { useState } from 'react';
import { View } from 'react-native';
import { Switch } from '@superlogica/design-system-mobile';

const YourApp = () => {
  const [checked, setChecked] = useState(false)

  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Switch
        label="Hello World"
        checked={checked}
        onChange={() => setChecked(!checked)}
        size="md"
      />
    </View>
  )
}

export default YourApp;

Props

Prop	Tipo	Default	Descrição
checked	`bool`	`false`	true ou false para alterar o estado do componente
onChange	`func`	`() => {}`	Função chamada quando houver mudança no value no componente
label	`string`	`" "`	Label do componente
size	`string`	`md`	Define o tamanho do componente (md ou lg)
disabled	`bool`	`false`	Desabilita o componente