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