What if I want to slide components, which rendered by simple condition?

[WebKieth]

Your readme example based on event + ref... khm, what if I just wrap it in a simple condition cause my logic based on it? Failed....

       let renderPassValidator = () => {
            if (!password.valid) {
                return <SlideToggle render={
                    () => {return <PassValidator matches={password.matches}/>}
                }/>
            }
        }

Without errors

[kunukn]

Hi,

It is possible to expand on mount. https://codesandbox.io/s/react-slide-toggle-czptc

For wrapping in a simple condition, then I have this simpler alternative. https://github.com/kunukn/react-collapse

I could probably to some bigger refactoring with react-slide-toggle with more flexible API and hooks support. I don't currently have the time for that.

I am spending my time on this version at the moment. https://github.com/kunukn/react-collapse

[kunukn]

I have updated to support outside toggle control using the toggleEvent prop.

example here. https://codesandbox.io/s/react-slide-toggle-controlled-toggle-9sqg0

[kunukn]

The readme has been updated with an example. https://github.com/kunukn/react-slide-toggle#toggle-state-from-outside-example