UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

19 lines (18 loc) 959 B
'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 };