COMPONENT/Input: Add optional leading/trailing icon/text

[brandonmcconnell]

trafficstars

Re Input component

---

A very common pattern is to include an icon or some text in an input, on the left/right side, though support for this pattern appears to be lacking

Example(s)

Icon:

• leading: https://tailwindui.com/components/application-ui/forms/input-groups#component-d6ba419d2b33a8ab4fd662189bfd8a31
• trailing: https://tailwindui.com/components/application-ui/forms/input-groups#component-474bd025b849b44eb3c46df09a496b7a
• keyboard ⌘+K shortcut: https://tailwindui.com/components/application-ui/forms/input-groups#component-3fc95e81175349142e7e2111d303296c

Add-on text

• encased: https://tailwindui.com/components/application-ui/forms/input-groups#component-1ef4d534fa0cbcb38331bafa5c352ff8
• inline: https://tailwindui.com/components/application-ui/forms/input-groups#component-3620fb44e0a49ebce229526254018508
• leading and trailing: https://tailwindui.com/components/application-ui/forms/input-groups#component-1a20b7fee66274173ad5ed756fabb335
• leading and trailing with dropdown: https://tailwindui.com/components/application-ui/forms/input-groups#component-2607d970262ada86428f063c72b1e7bd

[mukul-turing]

@brandonmcconnell i am working on it.

[shadcn]

This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you.