[Toggle]: Usage tab

[alina-jacob]

Acceptance criteria

Update the Usage tab with the usage content template.

---

When to use and When not to use

• Decide whether we need these sections or not in the docs. Do we have helpful information that we could list here?

Variants

• The image here should be under the overview section not the variants section.

Anatomy

• In the description:
  • instead of "component label" it should say "label text".
  • Check if the word on, when referencing the on state, should have quotes around it. We need to be compliant with IBM style there. In general, I would say "on state" for more context.
  • There is an inconsistency for C. where it is labeled as "State text" in the image, and "Action text" in the list. Which one is it? I assume its probably "Action text". Reach out to Alina for further context.
• In the list below the image, "A. Label" should say "A. Label text" for terminology consistency.

Behaviors

States

• In the description text, only "Style" should be the link to the Style tab. The word tab can be regular text.

Interactions

• Add this section to the docs

Clickable areas

• Add this section and image to the docs