[docs] Categorization for components

[markcaron]

Add categorization for components, so we can provide some additional taxonomy to assist in wayfinding/search-ability. For example, RH Button could have a category of Actions or RH Listbox could have a category of Inputs. Likely there might only be only one category on any given item.

There are a few approaches we can take in the future:

1. Grouping elements in the Side Nav by category
2. Providing filtering on the All Elements page

Steps

• [ ] Dev up category for future use
• [x] Design: discover potential applications mentioned above
• [ ] Dev up applications

Just an idea

Development-wise, this could...perhaps...be as simple as some YML frontmatter, like:

category: Actions

[coreyvickery]

@markcaron @marionnegp First pass at a taxonomy.

---

Documents

Audit doc

https://docs.google.com/document/d/1KRpttAqJFby9ATUCID6KDUQErxRRHXqvF7sZPqIY_o0/edit#heading=h.e4z1ynaja07k

Figma with updated side menus

https://www.figma.com/proto/qb5QSsuBVRcuqf7Q5Yj6Wy/Docs-overhaul---taxonomy-research?page-id=1%3A3&type=design&node-id=1-479&viewport=106%2C128%2C1&t=oalgJhvDex7SL8tw-1&scaling=min-zoom&mode=design

---

Working taxonomy

Actions (5)

• Button
• Call to action
• Jump links
• Link with icon
• Skip link

Containment (or Containers?) (7)

• Accordion
• Announcement
• Card
• Code block
• Disclosure
• Table
• Tile

Data visualization

• (Future section)

Emphasis (not 100% married to this) (4)

• Blockquote
• Footnote
• Statistic
• Timestamp

Feedback (or Communication?) (4)

• Alert
• Badge
• Spinner
• Tag

Layout and structure (could be one or the other) (3)

• Divider
• List (maybe move to a Text section later)
• Surface (this could be in Containment/Containers)

Media (3)

• Audio player
• Avatar
• Video player

Navigation (11)

• Breadcrumb
• Footer
• Header navigation
• Pagination
• Primary navigation
• Progress steps
• Search
• Secondary navigation
• Subnavigation
• Tabs
• Universal navigation

Overlays (3)

• Dialog
• Popover
• Tooltip

Selection and inputs (4)

• Filter
• Form
• Form inputs
• Form select

Text (or Typography?)

• (Future section)

[coreyvickery]

@markcaron @marionnegp How are we feeling about this so far?

[marionnegp]

@coreyvickery

• “Containers” sounds better to me than “Containment.”
• Yeah, surface might need to be under Containers.
• I think “Feedback” sounds more specific than “Communication.”
• Can the things under Emphasis go under Text?

[coreyvickery]

@markcaron What do you think about Marionne's edits?

[coreyvickery]

@marionnegp @markcaron Once rh-chip is approved, we should add this to ux dot.