このパッケージには、汎用 WordPress コンポーネントライブラリーが含まれています。このコンポーネントを使用すると、画面とWordPress ダッシュボード機能との間で共有される共通 UI 要素を作成できます。

インストール #インストール

モジュールのインストール

npm install @wordpress/components --save

このパッケージは、コードが ES2015+ 環境で実行されることを仮定しています。その言語機能や API の一部のみ、または、まったくサポートしない環境で使用するには、コードに @wordpress/babel-preset-default の polyfill を含めてください。

Top ↑

使い方 #使い方

Gutenberg 内でコンポーネントにアクセスするには components ルートディレクトリからインポートしてください。

/**
 * WordPress dependencies
 */
import { Button } from '@wordpress/components';

export default function MyButton() {
    return <Button>Click Me!</Button>;
}

多くのコンポーネントには期待する表示のため、スタイルを追加する CSS が含まれています。WordPress プロジェクトの場合はプラグインのスタイルシートの依存として wp-components スタイルシートを追加してください。依存性の指定については wp_enqueue_style のドキュメントを参照してください。

WordPress 以外のプロジェクトの場合は、直接 build-style/style.css ファイルをリンクしてください。node_modules/@wordpress/components/build-style/style.css にあります。

Top ↑

コンポーネント一覧 #コンポーネント一覧

原文およびその下のページを参照してください。

Top ↑

ドキュメント & サンプル #ドキュメント & サンプル

コンポーネントのドキュメントとサンプルは https://wordpress.github.io/gutenberg/ で参照できます。

Top ↑

コントリビューティング #コントリビューティング

@wordpress/components パッケージへのコントリビュートのガイドラインの詳細については CONTRIBUTING.md を参照してください。

原文

最終更新日: 2021年11月6日