@dhasdk/simple-ui 1.0.17 → 1.0.19

package/README.md

@@ -1317,6 +1317,8 @@ The **`Search`** component presents a responsive Input element styled with a sea
 
 This component is combined with a required input data file that the component uses to source its data. The data must match the SearchDataItem interface, shown below:
 
+Note: you can pass any normal html input attributes to this prop, such as **`placeholder`**. This is how you can change standard published attributes, including **`placeholder`** for the Search component.
+
 Full list of props below
 
 ### Props
@@ -1324,8 +1326,9 @@ Full list of props below
 | Prop        | Type     | Optional | Default  | Description |
 | ----------- | -------- | -------- | -------- | ----------- |
 | airaLabel | **`string`** | Yes | **`'Search'`** | The aria-label to assign to this Search component |
-| className | **`string`** | Yes | see (1) below | alternate css classes to add/change styling of the div that wraps the input element. |
-| classNameContainer | **`string`** | Yes | **`h-12 md:h-[50px] lg:h-14 flex items-center relative`** | alternate css classes to add/change styling of the span tag that wraps the search component. |
+| className | **`string`** | Yes | see (1) below | alternate css classes to add/change styling of 
+the input element. |
+| classNameContainer | **`string`** | Yes | **`h-12 md:h-[50px] lg:h-14 flex items-center max-w-full relative`** | alternate css classes to add/change styling of the span tag that wraps the search component. |
 | classNameInputContainer | **`string`** | Yes | **`border-[#6a686b] w-[309px] md:w-[334px] lg:w-[350px] inline-flex bg-white items-center`** | alternate css classes to add/change styling of the span tag that wraps the search component. |
 | classNameListOutput | **`string`** | Yes | see (2) below | alternate css classes to add/change styling of the output list or search results box. |
 | iconLink | **`boolean`** | Yes | **`{false}`** | If set to true, a search icon is displayed that when clicked will expand into a wider Search component. |
@@ -1334,7 +1337,7 @@ Full list of props below
 
 1. Default className
   
-  **`grow appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl rounded-br-none rounded-tr-none lg:border border-[#07192d] font-['Arial'] bg-white text-[#333234] text-base lg:text-lg hover:border-[#5992fa] focus:border-[#5992fa] outline-hidden`**
+  **`grow shrink-1 appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl rounded-br-none rounded-tr-none lg:border border-[#07192d] font-['Arial'] bg-white text-[#333234] text-base lg:text-lg hover:border-[#5992fa] focus:border-[#5992fa] outline-hidden`**
 
 2. Default classNameListOutput