## Default The `Search` component size is extra-large by default. There are [large](#large-size) and [small](#small-size) size variants. ## Default value ## Reactive example ## on:clear The "clear" event is dispatched when clicking the "X" button or when pressing the "Escape" key. console.log('clear')}/> ## Expandable variant Set `expandable` to `true` to use the expandable variant. ## Light variant ## Large size ## Small size ## Disabled state ## Custom search icon ## Skeleton ## Skeleton (large) ## Skeleton (small)