@chakra-ui/switch
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.8 • Public • Published

    Switch

    The Switch component is used as an alternative for the checkbox component, switch between enabled or disabled states.

    Installation

    yarn add @chakra-ui/switch
    
    # or
    
    npm i @chakra-ui/switch

    Import component

    import { Switch } from "@chakra-ui/switch"

    Usage

    <Switch />

    Sizes

    Pass the size prop to change the size of the switch.

    <>
      <Switch size="sm" marginLeft="1rem" colorScheme="green" />
    
      <Switch size="md" marginLeft="1rem" colorScheme="green" />
    
      <Switch size="lg" marginLeft="1rem" colorScheme="green" />
    </>

    Switch background-color

    You can change the checked background color of the switch by passing the colorScheme prop

    <Switch colorScheme="blue" />

    Resources

    Install

    npm i @chakra-ui/switch

    DownloadsWeekly Downloads

    331,128

    Version

    2.0.8

    License

    MIT

    Unpacked Size

    10.9 kB

    Total Files

    6

    Last publish

    Collaborators

    • timkolberger
    • segunadebayo
    • _codebender828