[addon-docs] How Props component works?

[patrickteivas]

Badge.stories.mdx content.

import { Story, Preview, Meta, Props } from '@storybook/addon-docs/blocks';
import Badge from '../components/Badge;

<Props of={Badge} />

Badge.vue props section.

export default {
  props: {
    url: {
      type: String,
      default: '',
      required: true,
    },
  },
};

Gives me

Found no examples of proper Props component usage.
Do I need to manually write them or it's supposed to take them automatically?

[shilman]

It currently only works for React, based on propTypes or Typescript annotations.

https://github.com/storybookjs/storybook/blob/next/addons/docs/README.md#framework-support

https://github.com/storybookjs/storybook/blob/next/addons/docs/README.md#typescript-configuration

[patrickteivas]

Thanks for the reply! Think, now the issue can be closed.

[MichaelTrilford-Airwallex]

Just FYI, the documentation around import { Props } from '@storybook/addon-docs/blocks' is super hard to find.