カスタムコンポーネント

mdxファイル中では、カスタムコンポーネントを使用することができます。

​

.tsx ファイルを作成してカスタムコンポーネントを定義する

Morph上で .tsx ファイルを作成し、カスタムReactコンポーネントを定義することができます。

Morphのデータアプリケーションでは、Viteを用いてReactアプリケーションをビルドしています。

また、デフォルトで Tailwind CSS が導入されているため、Tailwind CSSを使用したスタイリングも可能です。

​

依存パッケージを追加する

Morphのワークスペースには、自由にnpmパッケージを追加することができます。

ターミナルから npm install コマンドを実行して、パッケージを追加してください。