@dhasdk/simple-ui 1.0.63 → 1.0.64

package/README.md

@@ -53,6 +53,8 @@ Tooltip
 
 ## Changelog
 
+1.0.64 - changed **optionsLabel** prop in **`Select`** to a ReactNode from string value
+
 1.0.63 - added **selected** prop to the **`Select`** component
 
 1.0.62 - fixed 'checked' and 'indeterminate' prop usage for CheckBox, updated documentation for CheckBox re their usage w/ CheckBox and CheckBoxGroup
@@ -1770,7 +1772,7 @@ Full list of props below
 | error   | boolean   | Yes      | false | if true a red border is applied to the outside of the select component indicating an error state. |
 | label | string   | Yes      | undefined | text used as the label for the input, i.e. 'Border Color' above |
 | options  | {{name: ..., value:...}, ...}   | Yes  | undefined | options is an array of objects, each with a **name** and an optional **value** property. If value is not present, name is used in the handler function. |
-| optionsLabel   | string   | Yes | undefined | appears as the label in the Select component, i.e. 'Choose a Color' above. Note, this is not the label above the component. |
+| optionsLabel   | ReactNode | Yes | 'Options' | appears as the label in the Select component, i.e. 'Choose a Color' or **`{<><strong>Required: </strong>Choose a Color</>}`** Note, this is not the label above the component. |
 | selected | string | Yes | undefined | The **value** or **name** inside the options array to pre-select or display. Is case sensitive. |
 | setSelectedOption | (string) => void | Yes  | undefined | calls the function passed in as **`setSelectedOption`** with the selected **value** if present, otherwise with **name** |
 | variant | string | Yes | undefined | The predefined variant of Select to display. Current options are 'default', 'MedCard', 'Outline', and 'nonHover' |