[Question] When do we use knobs over control?

[cybervaldez]

I'm new and keep seeing knobs tutorial but I've read we should use control instead, is there any instances when I would prefer this over controls? or is this eventually going to be deprecated.

[shilman]

controls was introduced in 6.0 to replace knobs. the two areas it falls short currently:

• knobs are fully dynamic, e.g. you can conditionally show and hide knobs based on the value of other knobs [addon-controls] How to migrate dynamic knobs to controls? #11984
• knobs can be saved on the URL and initialized from the URL. this is coming to controls in 6.1 Addon-controls: Copy as URL and load from URL #12291

if you don't need either of these immediately, use controls

[cybervaldez]

controls was introduced in 6.0 to replace knobs. the two areas it falls short currently:

• knobs are fully dynamic, e.g. you can conditionally show and hide knobs based on the value of other knobs
• knobs can be saved on the URL and initialized from the URL. this is coming to controls in 6.1 Addon-controls: Copy as URL and load from URL #12291

if you don't need either of these immediately, use controls

I'm very interested in the former, conditionally show/hide knobs based on a state.

const [isEnabled, toggleEnabled]= useState(true)

return <>{isEnabled && text('enabledLabel', 'enabled')} {!isEnabled && text('disabledLabel', 'disabled')} <button onClick={()=>toggleEnabled(isEnabled)}>Toggle</button></>

I'm expecting to hide/show enabledLabel and disabledLabel in the knobs panel depending on the state.

[shilman]

Closing this as dupe to #11984