Input group component

[hughess]

Description

Adds an InputGroup component - a collapsible tray for inputs.

Questions

• Should this be a component that can be placed anywhere, or a page-level setting that has a standard implementation?
• Currently most input components take the background of their parent container. Should the background be set as base-100 instead to match the background of the app?
• What is the right naming of this?

Input Background

My preference is base-100 for input backgrounds, but interested in people's take - see below examples of taking parent background vs. app background:

Checklist

• For UI or styling changes, I have added a screenshot or gif showing before & after
• I have added a changeset
• I have added to the docs where applicable
• I have added to the VS Code extension where applicable