| <!doctype html> |
| <title>chops-checkbox demo</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script> |
| <script type="module" src="/elements/chops-checkbox.js"></script> |
| <style> |
| body { |
| margin: 0; |
| padding: 0; |
| } |
| chops-checkbox { |
| margin-left: 8px; |
| } |
| </style> |
| <chops-checkbox>Click me</chops-checkbox> |
| <chops-checkbox checked>Checked</chops-checkbox> |
| <chops-checkbox disabled>Disabled</chops-checkbox> |
| <chops-checkbox checked disabled>Checked and Disabled</chops-checkbox> |