Input: add bookends #21462
Labels
Component: Input
Fluent UI react-components (v9)
Resolution: Soft Close
Soft closing inactive issues over a certain period
The design for Input includes a "bookends" feature which is partially outlined in Input's Spec-variants.md and Spec-styling.md.
This was removed from the initial implementation due to a lot of open questions and lack of priority from partners, but we may need to implement it in the future.
For a tentative implementation of bookends in Input itself (which is probably NOT what we want), see this branch.
Open questions
<BookendInput/>
, or as a reusable wrapper for any input-like component?<Bookends><BookendBefore/><Input/><BookendAfter/></Bookends>
<BookendBefore/><Input/><BookendAfter/>
(problem: need to modify input border radius, and you can't style siblings)<Bookends before={...} after={...}><Input/></Bookends>
<InputGroup><Bookend/><Input/><Bookend/></InputGroup>
where InputGroup modifies border radius as neededoutline
appearance? (background, border color, is there inner border)underline
appearance?The text was updated successfully, but these errors were encountered: