carbon-components-vue icon indicating copy to clipboard operation
carbon-components-vue copied to clipboard

Add skeleton components

Open lee-chase opened this issue 6 years ago • 5 comments

Many components have a loading form, referred to as a skeleton the Carbon Design System.

See https://www.carbondesignsystem.com/patterns/loading

Add skeleton components (not all at once). Either create a work item or reference this issue.

Skeletons for

  • [x] CvAccordion
  • [x] CvBreadcrumb
  • [x] CvButton
  • [x] CvCheckbox
  • [x] CvCodeSnippet
  • [x] CvDataTable - See #51
  • [x] CvDatePicker
  • [x] CvDropdown
  • [x] CvFileUploader
  • [x] CvNumberInpu
  • [ ] CvPagination
  • [ ] CvProgress
  • [ ] CvRadioButton
  • [ ] CvSearch
  • [x] CvSkeletonText
  • [x] CvSlider
  • [ ] CvStructuredList
  • [x] CvTabs
  • [x] CvTag
  • [x] CvTextArea
  • [x] CvTextInput
  • [x] CvToggle

lee-chase avatar Feb 04 '19 16:02 lee-chase

@lee-chase - Looks like the Carbon documentation link was changed from https://www.carbondesignsystem.com/patterns/loading to https://www.carbondesignsystem.com/patterns/loading-pattern/. The link above is directed to the 404 page.

derick-montague avatar Jul 01 '20 19:07 derick-montague

  • progress https://v7-react.carbondesignsystem.com/?path=/story/components-progressindicator--skeleton
  • search - https://v7-react.carbondesignsystem.com/?path=/story/components-search--skeleton
  • structured list https://v7-react.carbondesignsystem.com/?path=/story/components-structuredlist--skeleton
  • text input https://v7-react.carbondesignsystem.com/?path=/story/components-textinput--skeleton

davidnixon avatar Sep 28 '23 21:09 davidnixon

@davidnixon I'm working on implementing CvTextInputSkeleton. Feedback is welcome. #1542

mateusbandeiraa avatar Oct 11 '23 23:10 mateusbandeiraa

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.

github-actions[bot] avatar Jun 27 '24 08:06 github-actions[bot]

We will keep this one open. Would be great to get some more of the skeletons implemented. Especially good for hacktoberfest

davidnixon avatar Jun 27 '24 13:06 davidnixon