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