@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
19 lines (18 loc) • 959 B
JavaScript
'use client';
import '@ui5/webcomponents/dist/CardHeader.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* The `CardHeader` is a component, meant to be used as a header of the `Card` component.
* It displays valuable information, that can be defined with several properties, such as: `titleText`, `subtitleText`, `additionalText`
* and two slots: `avatar` and `action`.
*
* ### Keyboard handling
* In case you enable `interactive` property, you can press the `CardHeader` by Space and Enter keys.
*
*
*
* __Note:__ This is a UI5 Web Component! [CardHeader UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/CardHeader) | [Repository](https://github.com/UI5/webcomponents)
*/
const CardHeader = withWebComponent('ui5-card-header', ['additionalText', 'subtitleText', 'titleText'], ['interactive'], ['action', 'avatar'], ['click']);
CardHeader.displayName = 'CardHeader';
export { CardHeader };