ArcgisItemCard

A card for ArcGIS items to be displayed as a single UI element.

xxxxxxxxxx
 
import ArcgisItemCard from 'calcite-react/ArcgisItemCard'

Basic Usage

Maps.com_carto

Feb 11, 2016

Internet Users per 100 Population by Country, 2014. This is a filtered layer based on the ...

 
<ArcgisItemCard item={item} />

Maps.com_carto

Feb 11, 2016

Internet Users per 100 Population by Country, 2014. This is a filtered layer based on the ...

 
<ArcgisItemCard item={item} vertical />

Maps.com_carto

Feb 11, 2016

Internet Users per 100 Population by Country, 2014. This is a filtered layer based on the ...

 
<ArcgisItemCard
  item={item}
  actions={[<StyledUserIcon />, <StyledCalendarIcon />]}
/>

Maps.com_carto

Feb 11, 2016

Internet Users per 100 Population by Country, 2014. This is a filtered layer based on the ...

 
<ArcgisItemCard
  item={item}
  vertical
  actions={[<StyledUserIcon />, <StyledCalendarIcon />]}
/>

Property	Type	Required	Default	Description
showThumbnail	Bool	false	true	Whether the ArcgisItemCard should show a thumbnail or not.
maxDescriptionLength	Number	false	90	Number of characters to use before truncating the description text.
vertical	Bool	false	false	Style prop to position Card content vertically
item	Object	false	-	The ArcGIS item used to populate the UI.
dateFormatter	Func	false	-	A function that can be provided to customize the formatting of dates.
portal	Object	false	-	AGOL portal object - if not specified will default to ArcGIS Online
token	String	false	-	AGOL login token.
actions	Object	false	-	Whether the ArcgisItemCard shows an actions tab at the bottom or not
customTitleRenderer	Func	false	-	Function to render custom elements or values in the item card title
defaultThumbnailUrl	String	false	-	String source URL to serve as default image for invalid thumbnails