Introduce more code examples for all components
Summary
Introduce more code examples for all components
💬 Description
Go through all components and document:
- All possible code examples
- Add more technical guidance (see how other libraries do this)
- Add imports (may link to a relevant ticket of where imports go design wise)
This will need to be broken up into each component issue wise, so breakup the issue.
- [ ] #1233
- [ ] alert
- [ ] back to top
- [x] badge
- [x] breadcrumb
- [ ] button
- [ ] card (horizontal)
- [x] card
- [ ] checkbox - please at least add an example for nativeIndeterminateBehaviour - example in Storybook "Indeterminate with children"
- [x] chip
- [ ] data entity
- [ ] data table
- [ ] date input
- [ ] date picker
- [ ] dialog
- [ ] empty state
- [ ] footer
- [ ] hero
- [ ] link
- [ ] loading indicator
- [ ] multi-select
- [ ] page-header
- [ ] pagination
- [ ] popover-menu - no sub menu example at the mo
- [ ] radio button
- [ ] search bar
- [ ] section container
- [ ] select
- [ ] side navigation
- [x] skeleton
- [ ] status tag
- [ ] stepper
- [ ] switch
- [ ] tabs
- [ ] textfield - also see https://github.com/mi6/ic-design-system/issues/1084
- [ ] toast
- [ ] toggle button
- [ ] tooltip
- [ ] top nav
- [ ] tree view
💰 Use value
Make it quicker for teams to build apps using ICDS components.
To be reviewed with the design team.
There is currently no single expansion example for accordion (Raised on behalf of: @GCHQ-Developer-530)
On hold until #751 is complete.
This issue is now unblocked
Initially review per component
Need examples on how to use all methods such as setFocus
Linked ticket #1508
Linked ticket #1195