smarthr-uiコンポーネントのPropsを一覧にして表示するコンポーネントです。
MDXファイルからimportして使います。コンポーネントの名前などをpropsに指定すると、自動的にそのコンポーネントのprops情報を取得・表示します。
Gatsbyのビルド時に、gatsby-source-ui-versionsがGraphQL Data Layerにコンポーネントのprops情報を登録しているので、そこから取得します。具体的にはバージョンごとのsmarthr-ui-props.jsonの内容が取得できます。
バージョンごとにデータが存在するため、コンポーネントページ上部のプルダウンメニューでバージョンを切り替えた際（クエリストリングに反映された際）には、ComponentPropsTableの内容も切り替わります。