Add prepended icon to searchbar component

justfrankie / ui-storybook

UI Storybook is a versatile and customizable collection of reusable user interface components designed to streamline the development of modern web applications.

https://justfrankie.github.io/ui-storybook/

1 stars 0 forks source link

Add prepended icon to searchbar component #39

Open justfrankie opened 7 months ago

justfrankie commented 7 months ago

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faSearch } from "@fortawesome/free-solid-svg-icons";

JSX:

CSS: Icon Container: <div style={{background: white; color: gray; padding: 10px 0 10px 10px; border-radius: 5px 0 0 5px;}}>

.SearchResultsInput { padding: 8px; margin-right: 10px; border-radius: 0 5px 5px 0; border: none; position: relative; width: 100%;}

Preview: