### 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)