Feat/stackblitz component code examples
Summary of the changes
- update code examples to work with the new Stackblitz functionality
- add toggle button to switch between typescript and javascript
- add show more/less button to component code examples
Related issue
#751
Checklist
- [x] I have manually accessibility tested any changes, if relevant.
- [x] I have raised this pull request against the develop branch
View your branch deployment here: https://mi6.github.io/ic-design-system-githubpages/branches/feat/stackblitz-component-code-examples
This is awesome work! 🌟
My only concern is the work for this issue
As you can see below...
The code tabs are displayed inside the “code-actions” alongside the StackBlitz Button and Copy Code button. This would revert some of the changes, if not complicate this work.
Happy to discuss internally more about this in detail @GCHQ-Developer-112, so that we can collaborate as these issues link together.
Also when clicking on either TypeScript or JavaScript again it deselects this and the toggle button is no longer 'filled', thus does not confirm to the user what language they are viewing.
Please see my screenshots of this bug below:
I don't think this should be the case as the Toggle Button should always be either selected in the group, so that it is clear to the user.
Not too sure if the TypeScript / JavaScript buttons are actually working as well...?
Happy to discuss further if needed 😊