Dropdown

Filter, body portal, panel-width policy, custom templates.

Basic

Plain (no filter)With filter (lọc theo label)Custom option template + selected displayReactive form (CVA), variant=filled, size=smallcontrol.value: HCM

appendTo body (escapes clipped container)

Container có overflow: hidden. Dropdown thường sẽ bị cắt; với appendTo="body" panel được render trực tiếp vào document.body nên không bị cắt. Khi đóng dropdown panel tự động bị xoá khỏi body.

overflow: hidden zone (height: 64px)

panelWidth (host / auto / explicit)

Mặc định panel khớp width của host (panelWidth="host"). Với "auto" panel co theo nội dung — có thể rộng hơn host. Có thể set width tuỳ ý (vd "18rem").

host (default) — panel = host widthauto — panel rộng hơn host (theo content)explicit "18rem"