Anph/feat custom clear icon button
Introduserer en tilpasset X-ikonknapp
Jeg har kodet en onClear callback som tømmer søketeksten i SearchInput. SearchInput benytter fremdeles kontrollerte props for value og onClear. Slik at i parent, hvor SearchInput benyttes, bestemmer hva som skjer når onClear trigges.
Kunne vi heller bare style custom clear icon?
Ja, det er en mulighet. Men Firefox er ikke en webkit-browser, og jeg så ingen ryddig måte å gjøre det på.... ennå. Kan det å kunne trigge onClear fra parent trumfe den strategien uansett?
Hvordan kan jeg teste eller se funksjonaliteten?
I SearchInput.stories.tsx har jeg lagt til et eksempel på hvordan man kan bruke SearchInput.tsx og trigge onClear og handleChange.
Edited by An Ngoc Phan