fix(#2714) - docs popover examples (button, link, iconbutton)

[syedszeeshan]

Story: GovAlta/ui-components#2714

[netlify]

✅ Deploy Preview for abgov-ui-component-docs ready!

Name	Link
🔨 Latest commit	0e2a748
🔍 Latest deploy log	https://app.netlify.com/projects/abgov-ui-component-docs/deploys/685f03056c11880008d3278f
😎 Deploy Preview	https://deploy-preview-387--abgov-ui-component-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 0 Accessibility: 93 Best Practices: 100 SEO: 83 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[vanessatran-ddi]

QA feedback:

When we switch to lts, we should have a banner below the example to let users know the reason why we don't see the code snippet

Example: Checkbox, 3rd example on https://design.alberta.ca/components/checkbox#reveal-input-based-on-selection, React lts version

Question:
Should we add action and actionArgs and actionArg to our GoabButton, GoabIconButton and GoabLink @chrisolsen ?
Do we need to documen an example how to use actionArgs?

[syedszeeshan]

@vanessatran-ddi
LTS info banner has been added and PR updated

[vanessatran-ddi]

Hi @twjeffery Should we put the banner at the bottom of the page or under each example?

[vanessatran-ddi]

It looks good for me. 2 questions pending waiting for @chrisolsen and @twjeffery to confirm. I approve first.

[twjeffery]

@syedszeeshan Looks good overall.

A few minor changes:

• Adjust the third example so that the icon button is in the top right
• Change wording of example names to:
  • "Close a Popover with a Button"
  • "Close a Popover with a Link"
  • "Close a Popover with an Icon Button"

[syedszeeshan]

@twjeffery
PR has been updated as requested.