Skip to content

feat: implement CvToggle #1467

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jul 20, 2023
Merged

Conversation

wesley-gaspar
Copy link
Contributor

@wesley-gaspar wesley-gaspar commented Jul 4, 2023

Contributes to #1460

What did you do?

Implemented CvToggle to Carbon Vue3

Why did you do it?

To help community development

How have you tested it?

I Replicated unit tests from Vue2 to Vu3

Were docs updated if needed?

  • N/A
  • No
  • Yes

wesley-gaspar and others added 5 commits July 3, 2023 13:41
Port CvToggle to Vue3
create index.js
Implement all v2 tests to v3 CvToggle component
@davidnixon davidnixon self-requested a review July 5, 2023 19:10
@@ -58,6 +58,7 @@ import CvSwitcherItemLink from './src/components/CvUIShell/CvSwitcherItemLink.vu
import CvColumn from './src/components/CvGrid/CvColumn.vue';
import CvGrid from './src/components/CvGrid/CvGrid.vue';
import CvRow from './src/components/CvGrid/CvRow.vue';
import CvToggle from './src/components/CvToggle/CvToggle.vue';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I should probably get rid of this file. I was using to debug stuff locally but its not used in packaging. For any other components that you work on you can skip adding them here.

@@ -0,0 +1,29 @@
<template>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This one is not working. BTW I don't think a skeleton toggle is a very common use case but it would be good to have it working for completeness. Here is what I see:
image

The react component looks OK
https://v7-react.carbondesignsystem.com/?path=/story/components-toggle--skeleton

Have a look there but they have the bx--skeleton on an input element.

Copy link
Contributor

@davidnixon davidnixon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for working on this! Everything looks great except the skeleton mode could you have a look at that one in the react storybook and make changes here.

Thanks!

@davidnixon
Copy link
Contributor

@WesleyGazz you are right. This is broken in Vue2 as well. https://vue.carbondesignsystem.com/?path=/story/components-cvtoggle--skeleton

Maybe we should merge this and just open an issue for Vue 2 & 3 regarding the skeleton. What do you think?

@wesley-gaspar
Copy link
Contributor Author

@davidnixon I think it's a good idea, ok for me. Thanks

@davidnixon davidnixon merged commit 9c06274 into carbon-design-system:vNext Jul 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants