packages/main/test/sap/ui/webcomponents/main/pages/Card.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">

	<title>Card</title>

	<script data-id="sap-ui-config" type="application/json">
		{
			"compactSize": false
		}
	</script>

	<script src="../../../../../../webcomponentsjs/webcomponents-loader.js"></script>
	<script src="../../../../../../resources/sap/ui/webcomponents/main/bundle.esm.js" type="module"></script>
	<script nomodule src="../../../../../../resources/sap/ui/webcomponents/main/bundle.es5.js">
	</script>
	<style>
		.myCard {
			max-width: 300px;
		}
	</style>
</head>
<body>

<ui5-card
	id="card"
	status="4 of 10"
	heading="Quick Links"
	class="myCard">
	<ui5-list id="myList3" separators="Inner">
		<ui5-li icon="sap-icon://horizontal-bullet-chart" >Template Based Segmentation</ui5-li>
		<ui5-li icon="sap-icon://opportunity" >Segmentation Models</ui5-li>
		<ui5-li icon="sap-icon://line-charts" >Marketing plans</ui5-li>
		<ui5-li icon="sap-icon://horizontal-bar-chart" >Target Groups</ui5-li>
		<ui5-li icon="sap-icon://org-chart" >Program Structure</ui5-li>
		<ui5-li icon="sap-icon://bar-chart" >AdWords Campaigns</ui5-li>
		<ui5-li icon="sap-icon://tools-opportunity" >Winter Campaign Results</ui5-li>
	</ui5-list>

	<ui5-input id="field" value="0"></ui5-input>
</ui5-card>

<script>
	card.addEventListener("headerPress", function (event) {
		console.log(event);
		field.value = parseInt(field.value) + 1;
	});
</script>
</body>
</html>