flight-search/awards-balance-box
--- Use "Regular" tier status ---
--- no padding ---
--- no border ---
# 🏠 Properties
| Name | Type |
|---|
# 🎰 Slots
| Name | Default value |
|---|
Show Code
<script src="/components/shared/component-base.js"></script>
<script src="/components/awards-balance-box/main.js"></script>
<link rel="stylesheet" href="/components/shared/component-base.css" />
<awards-balance-box mileageMemberName="Elon Musk 🛠" milesBalance="123,456" mileagePlanNumber="000001" mileageStatus="MVP"></awards-balance-box>
<br/>
<awards-balance-box mileageMemberName="Bill Gates 💰" milesBalance="888,456" mileagePlanNumber="000002" mileageStatus="MVP Gold"></awards-balance-box>
<br/>
<awards-balance-box mileageMemberName="Warren Buffet 🧠" milesBalance="777,999" mileagePlanNumber="000003" mileageStatus="MVP Gold 75K"></awards-balance-box>
<br/>
<awards-balance-box mileageMemberName="Leonardo DiCaprio 🎬" milesBalance="444,923" mileagePlanNumber="000004" ></awards-balance-box>
<br/>
--- Use "Regular" tier status ---
<awards-balance-box mileagemembername="ISAIAH SCHEEL" milesbalance="1234567890" mileageplannumber="123456" mileagestatus="Regular"></awards-balance-box>
<br/>
--- no padding ---
<awards-balance-box mileageMemberName="Steve Jobs 🍎" milesBalance="199,999" mileagePlanNumber="000005" mileageStatus="MVP" padding="true"></awards-balance-box>
<br/>
--- no border ---
<awards-balance-box mileageMemberName="Steve Jobs 🍎" milesBalance="199,999" mileagePlanNumber="000005" mileageStatus="MVP" noBorder="true"></awards-balance-box