-
Notifications
You must be signed in to change notification settings - Fork 38
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(SearchBox): Add Search Box #863
Conversation
c34bd69
to
ffcf724
Compare
460bf60
to
df4353c
Compare
3d3efb7
to
568eca4
Compare
packages/itwinui-react/src/core/utils/components/InputFlexContainer.tsx
Outdated
Show resolved
Hide resolved
|
||
return ( | ||
<Icon | ||
aria-hidden | ||
className={cx('iui-search-icon', className)} | ||
size={sizeContext} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Co-authored-by: Greta <[email protected]>
Co-authored-by: Greta <[email protected]>
Co-authored-by: Greta <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 🚀
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks pretty good to me, just found one thing to fix
* Id to pass to input | ||
*/ | ||
inputId: string; | ||
setInputId: (inputId: string) => void; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
setInputId
is missing a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It is for context so internal use only.
Added comment.
<Divider orientation='vertical' /> | ||
<SearchBox.CollapseButton /> | ||
</SearchBox.ExpandedState> | ||
</SearchBox> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The composition looks nice in use : )
Changes
CSS
React
Testing
Documentation