Search Bar
Ready for production
Responsive
Simple Use
Show Code
Edit on Stackblitz
Events
Show Code
Edit on Stackblitz
Check the console for events logs
Controlled
Show Code
Edit on Stackblitz
Passing the value makes the searchbar controlled, check the log for events
Disabled Use
Show Code
Edit on Stackblitz
Placeholder
Show Code
Edit on Stackblitz
Size
Show Code
Edit on Stackblitz
small
medium default
large
style={{ fontSize: '75px' }}
Custom Color (any valid CSS solor)
Show Code
Edit on Stackblitz
Themes
Show Code
Edit on Stackblitz
Primary
Secondary
Dark
Light
Info
Warning
Danger
Success
Custom Class
Show Code
Edit on Stackblitz