scu-tile

Tile

Example with icon...you just need the name of the icon (sans '--icon-' and '-svg')

<scu-tile
  member_name="Member Name" 
  account_number="Account #"
  icon="add" 
  style="width: 200px;"></scu-tile>

Tile - w/o Icon

The icon will show the placeholder if no icon is added.

<scu-tile 
  member_name="Joe Schmoe"
  account_number="333-999-222-55555"
  style="width: 200px;"></scu-tile>

Tile - with really long name

The icon will show the placeholder if no icon is added.

<div style="
  display: flex; 
  flex-flow: column nowrap; 
  justify-content: stretch;
  width: 200px;">
  <scu-tile 
    member_name="Joe Schmoe Schmoe Hoffenfesser" 
    account_number="333-999-222-55555"></scu-tile>
  <scu-tile 
    member_name="Joe Schmoe Schmoe Hoffenfessersss" 
    account_number="333-999-222-55555"></scu-tile>
</div>

Properties

Property	Attribute	Description	Type	Default
`member_name`	`member_name`		`string`	`undefined`

Built with StencilJS