creativetimofficial / ct-light-bootstrap-dashboard-pro-react

LBD Pro React Version
20 stars 8 forks source link

[Bug] Switches rendering a checkbox instead of switch #65

Open sburke56 opened 2 years ago

sburke56 commented 2 years ago

Version

2.0.1

Reproduction link

https://jsfiddle.net/

Operating System

Ubuntu 18.04

Device

pc

Browser & Version

chrome Version 103.0.5060.114 (Official Build) (64-bit)

Steps to reproduce

I used the Light Bootstrap Dashboard PRO React as the template for my site. Switches are reverting to checkboxes. Linked is what I'm seeing when I pulled in the ExtendedForms.js page into my site. Any help would be appreciated to understand what's causing this. Pasted is my npm dependencies noting the bootstrap version thinking that maybe there is a version conflict of some kind wiping out what CSS classes you used in the first place?

Screenshot admin-portal@0.1.0 /home/sburke/sandbox/Canasta/admin-portal ├── @fortawesome/fontawesome-free@5.15.2 ├── @fortawesome/fontawesome-pro@6.1.1 ├── @fortawesome/fontawesome-svg-core@6.1.1 ├── @fortawesome/free-brands-svg-icons@6.1.1 ├── @fortawesome/pro-duotone-svg-icons@6.1.1 ├── @fortawesome/pro-light-svg-icons@6.1.1 ├── @fortawesome/pro-regular-svg-icons@6.1.1 ├── @fortawesome/pro-solid-svg-icons@6.1.1 ├── @fortawesome/react-fontawesome@0.2.0 ├── bootstrap@4.5.3 ├── chartist@0.11.4 ├── gulp-append-prepend@1.0.9 ├── gulp@4.0.2 ├── history@5.3.0 ├── immutability-helper@3.1.1 ├── match-sorter@6.3.1 ├── moment@2.29.3 ├── nouislider@14.6.3 ├── perfect-scrollbar@1.5.5 ├── prop-types@15.8.1 ├── react-bootstrap-sweetalert@5.2.0 ├── react-bootstrap@2.4.0 ├── react-circular-progressbar@2.1.0 ├── react-dom@18.2.0 ├── react-jvectormap@0.0.16 ├── react-loader-spinner@5.1.5 ├── react-notification-alert@0.0.13 ├── react-promise-tracker@2.1.0 ├── react-router-dom@5.2.0 ├── react-router@5.2.0 ├── react-scripts@5.0.1 ├── react-select@5.4.0 ├── react-table@7.8.0 ├── react@18.2.0 ├── reactstrap@8.10.1 ├── sass@1.53.0 └── typescript@4.7.4

What is expected?

switch to render

What is actually happening?

checkbox renders


Solution

Additional comments