<mvc:View
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:f="sap.f"
	xmlns:w="sap.ui.integration.widgets"
	displayBlock="true">
	<Page id="badgesPage" title="{i18n>appTitle}">
		<subHeader>
			<Toolbar>
				<ToolbarSpacer />
				<Title text="Badges" />
				<ToolbarSpacer />
			</Toolbar>
		</subHeader>

		<f:GridContainer id="grid1" class="sapUiSmallMargin">
			<w:Card manifest="{manifests>/listContent/card13}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}">
				<w:customData>
					<BadgeCustomData value="30940" />
				</w:customData>
				<w:layoutData>
					<f:GridContainerItemLayoutData rows="6" columns="3" />
				</w:layoutData>
			</w:Card>

			<w:Card manifest="{manifests>/listContent/card13}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}">
				<w:customData>
					<BadgeCustomData value="Very long badge title Very long badge title Very long badge title Very long badge title Very long badge title" />
				</w:customData>
				<w:layoutData>
					<f:GridContainerItemLayoutData minRows="6" columns="3" />
				</w:layoutData>
			</w:Card>

			<w:Card manifest="{cardsPlayground>/playgroundBaseUrl}/bundles/analyticalLine/manifest.json">
				<w:customData>
					<BadgeCustomData value="121" />
				</w:customData>
				<w:layoutData>
					<f:GridContainerItemLayoutData columns="4" />
				</w:layoutData>
			</w:Card>
		</f:GridContainer>
	</Page>
</mvc:View>