カード
カードは柔軟なコンテナコンポーネントです。
インポート#
import { Card } from 'primereact/card';
基本#
シンプルなカードは、コンテンツを子要素として持つタイトルプロパティを使用して作成されます。
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!（サンプルテキスト）
<Card title="Simple Card">
<p className="m-0">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae
numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
</p>
</Card>
高度な設定#
カードのコンテンツは、サブタイトル、ヘッダー、フッタープロパティを使用してさらにカスタマイズできます。
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!（サンプルテキスト）
<Card title="Advanced Card" subTitle="Card subtitle" footer={footer} header={header} className="md:w-25rem">
<p className="m-0">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae
numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
</p>
</Card>
アクセシビリティ#
スクリーンリーダー
カードは多くのユースケースで使用できるため、ロールは強制されません。実際、カードがプレゼンテーションのみに使用される場合、ロールは必要ない場合があります。有効な属性はすべてコンテナ要素に渡されるので、 ランドマーク ロール（例：region）を使用する必要がある場合は、roleプロパティを使用できます。
<Card role="region">
Content
</Card>
キーボードサポート
コンポーネントにはインタラクティブな要素は含まれていません。