Added combo box guidance

[babsdenney]

• Added combo box documentation page under the forms sub-menu
• Documentation under search input and select that needs to be updated once we finalize the combo box guidance

[LWWright7]

This looks great Barb!! There is only one small thing I see that is different than Storybook: on the error state, it looks like there is a red rule line on the left hand side that is not present in this documentation:

[danbrady]

Can we keep these alphabetical and move Combo Box after Checkbox?

[danbrady]

If you have less or around a 100 options...

This reads a tad bit odd to me. Do we mean "If there are approximately 100 options or less..."?

[rsmithadhoc]

The docs look good to me, thanks!

[humancompanion-usds]

I think we may want to make a shared piece of content that we can include on the Form > Select, Form > Radio button, and Form > Combo box pages with a title like "Choosing the right component for the task"

The content of that is something like the following:

Options

• 2 - 5: Radio Buttons. Use radio buttons when there are few options that can all be exposed at once.
• 6 - 15: Select. Use a select for a limited number of options.
• 16 - 100: Combo Box. Over 15 items, use a combo box which combines a select with typeahead.
• 101 - ∞: Search input typeahead. Over 100 items, use the search input component with typeahead.

We can discuss the ranges and numbers here, but this is my best effort at the moment (which is no doubt clouded by cold medicine).

[babsdenney]

This looks great Barb!! There is only one small thing I see that is different than Storybook: on the error state, it looks like there is a red rule line on the left hand side that is not present in this documentation:

@LWWright7 Thank you! I'm not sure if maybe I'm seeing something different. I see the red line on the left in the documentation. Is that what you are referring to?

[babsdenney]

I think we may want to make a shared piece of content that we can include on the Form > Select, Form > Radio button, and Form > Combo box pages with a title like "Choosing the right component for the task"

The content of that is something like the following:

Options

• 2 - 5: Radio Buttons. Use radio buttons when there are few options that can all be exposed at once.
• 6 - 15: Select. Use a select for a limited number of options.
• 16 - 100: Combo Box. Over 15 items, use a combo box which combines a select with typeahead.
• 101 - ∞: Search input typeahead. Over 100 items, use the search input component with typeahead.

We can discuss the ranges and numbers here, but this is my best effort at the moment (which is no doubt clouded by cold medicine).

@danbrady @humancompanion-usds This is ready for re-review.

[LWWright7]

@babsdenney The deployment link for your PR looks like this to me, without the red line... 🤔 (screenshot below). The screen shot I included in my previous comment is from this Storybook link.

[danbrady]

FYI - Added #3787 for the missing red, vertical line issue.

[LWWright7]

LGTM!