storybook/docs/_snippets/storybook-addon-panel-example.md

import React from 'react';

import { AddonPanel } from '@storybook/components';

import { useGlobals, addons, types } from '@storybook/manager-api';

addons.register('my/panel', () => {
  addons.add('my-panel-addon/panel', {
    title: 'Example Storybook panel',
    //👇 Sets the type of UI element in Storybook
    type: types.PANEL,
    render: ({ active }) => (
      <AddonPanel active={active}>
        <h2>I'm a panel addon in Storybook</h2>
      </AddonPanel>
    ),
  });
});