@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
21 lines (20 loc) • 1.03 kB
JavaScript
'use client';
import '@ui5/webcomponents/dist/Card.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* The `Card` is a component that represents information in the form of a
* tile with separate header and content areas.
* The content area of a `Card` can be arbitrary HTML content.
* The header can be used through slot `header`. For which there is a `CardHeader` component to achieve the card look and feel.
*
* Note: We recommend the usage of `CardHeader` for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.
*
*
*
* `import "@ui5/webcomponents/dist/CardHeader.js";` (for `CardHeader`)
*
* __Note:__ This is a UI5 Web Component! [Card UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Card) | [Repository](https://github.com/UI5/webcomponents)
*/
const Card = withWebComponent('ui5-card', ['accessibleName', 'accessibleNameRef', 'loadingDelay'], ['loading'], ['header'], []);
Card.displayName = 'Card';
export { Card };