Component/input group

[AriannaChau]

Overview

This PR adds a new Input Group Component.
A small edit to the Button component styles adds white-space: nowrap so the text doesn't wrap within them.

Screenshots

Testing

1. Deploy link.

---

• Fixes Input group pattern #1378

[changeset-bot]

🦋 Changeset detected

Latest commit: 569d272

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@cloudfour/patterns	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[tylersticka]

Can we prevent the borders from doubling up where the controls meet?

[gerardo-rodriguez]

👍

[gerardo-rodriguez]

Unrelated to this PR (as far as I can tell) but something funny is happening with the Button component. It's rendering as a <div>! 😱

We might need to create a new GH issue to figure this out. 🤔

[tylersticka]

Unrelated to this PR (as far as I can tell) but something funny is happening with the Button component. It's rendering as a <div>! 😱

@gerardo-rodriguez I think this is related to this PR omitting the only keyword after the button include path. I think it's inheriting the tag_name of the rhythm object, which defaults to div.

[gerardo-rodriguez]

Unrelated to this PR (as far as I can tell) but something funny is happening with the Button component. It's rendering as a <div>! 😱

@gerardo-rodriguez I think this is related to this PR omitting the only keyword after the button include path. I think it's inheriting the tag_name of the rhythm object, which defaults to div.

Oh, that's a great point, @tylersticka! 😮

[AriannaChau]

@gerardo-rodriguez @tylersticka Is that something that I need to fix? I can't see where I'm using the only keyword after the button include, unless it's implied with this line: {% include '@cloudfour/components/button/button.twig' %}

[tylersticka]

Highlighting the lines where only is missing.

[AriannaChau]

Highlighting the lines where only is missing.

Oh you said omitting sorry I missed that part.

[gerardo-rodriguez]

LGTM, great work, @AriannaChau! 🎉

I'll defer the final approval to @tylersticka since he provided the original feedback. 😉

[tylersticka]

Looks good, some suggestions for improving the docs a little