View all @storybook/client-api analysis

How to use the @storybook/client-api.useRef function in @storybook/client-api

To help you get started, we’ve selected a few @storybook/client-api examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

storybookjs / storybook / examples / official-storybook / stories / hooks.stories.js View on Github

export const Effect = () =&gt; {
  const ref = useRef();
  useEffect(() =&gt; {
    if (ref.current != null) {
      ref.current.style.backgroundColor = 'yellow';
    }
  });

  return (
    <button type="button">
      I should be yellow
    </button>
  );
};