# Showcase

The flagship XWUIHrLeaveBalanceCards demo. It walks through a typical mix of leave balances, the fully-availed edge case where a balance has hit zero remaining, and the Arabic locale, which swaps in each balance's `typeAr` label.

Every card grid mounts into its own child div because an XWUI component clears its container on construct.