Skip to content

PiDazhong/day-night-swicth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

day-night-switch

一个白天夜晚样式切换的组件,基于react封装。 源码:https://github.com/Xiumuzaidiao/Day-night-toggle-button

demo

select day select day

关于

组件源码:https://github.com/PiDazhong/day-night-swicth

props

style className value onChange

使用实例

import React, { useState } from 'react';
import DayNightSwitch from 'day-night-switch';

const myComponent = () => {
  const [light, setLight] = useState(true);

  return (
    <DayNightSwitch
      value={light}
      onChange={setLight}
      style={{
        transform: 'scale(0.33)'
      }}
      className="theme-switch"
    />
  )
}

About

一个白天夜晚样式的switch组件,封装成了react模式下的组件;源码:https://github.com/Xiumuzaidiao/Day-night-toggle-button

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published