Breaking News: Grepper is joining You.com. Read the official announcement!

SearchBar with Icon

Leonhart answered on April 28, 2022 Popularity 9/10 Helpfulness 1/10

answer SearchBar with Icon

related add icon in search bar

SearchBar with Icon

Comment

import InputAdornment from '@mui/material/InputAdornment';
import TextField from '@mui/material/TextField';
import AttachMoneyIcon from '@mui/icons-material/AttachMoney';

export default function InputIcon() {
  return (
    <TextField
        id="input-with-icon-textfield"
        label="TextField"
        InputProps={{
          startAdornment: (
            <InputAdornment position="start">
              <AttachMoneyIcon />
            </InputAdornment>
          ),
        }}
        variant="standard"
      />
  );
}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: searchbar whatever

Link to this answer
Share Copy Link

Contributed on Oct 21 2022

Leonhart

0 Answers Avg Quality 2/10

Closely Related Answers

add icon in search bar

Comment

input{    
background: url("http://kodyrabatowe.wp.pl/img/ico/search_gr.png") top left     no-repeat;
height:30px;
padding-left:25px;   
}
//////////////////////////
<!-- html code -->
<input type="text" name="txtBox" >

Popularity 9/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link