Open parmarravi opened 1 year ago
I want to align the text to auto or center but the text default alignment is set to align-self: flex-end; How to change this property with style prop?
Code:
<ReactSearchAutocomplete items={cityList} onSearch={searchCityHandler} onSelect={handleOnSelect} showIcon={false} placeholder="City" autoFocus={false} formatResult={formatResult} fuseOptions={{ keys: ["city"] }} resultStringKeyName="city" inputSearchString={cityName == null ? "" : cityName} styling={{ border: `1px solid ${defaultColours.slate40}`, borderRadius: "8px", backgroundColor: "white", boxShadow: "none", hoverBackgroundColor: `${lighten(0.64, Theme.blue)}`, color: `${Theme.blue}`, alignSelf: "auto", iconColor: `${Theme.blue}`, lineColor: `${defaultColours.slate50}`, placeholderColor: `${defaultColours.slate50}`, clearIconMargin: "3px 8px 0 0", zIndex: 4, }} />
I want to align the text to auto or center but the text default alignment is set to align-self: flex-end; How to change this property with style prop?
![Screenshot from 2022-11-06 10-37-19](https://user-images.githubusercontent.com/7616089/200155300-9f91f451-c3e0-4b4a-8bcf-8c45c5662e39.png)
Code: