10 examples of 'reactstrap checkbox' in JavaScript

Every line of 'reactstrap checkbox' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
30createCheckbox(item) {
31 return (
32 <CheckBox
33 key={"CheckBox-" + item.id}
34 item={this.setChecked(item)}
35 handleCheckboxChange={this.toggleCheckboxGroupChange}
36 />
37 );
38}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

100renderCheckboxContainer(classes, attributes) {
101 let {input, settings} = this;
102 let {label = '', labelHTML, name = '', id = ''} = input;
103 let {showLabel = true} = settings;
104
105 if (labelHTML) label = labelHTML;
106
107 return `
108 <label for="${id}" class="${classes} ivx-input-label ivx-input-label-checkbox">
109 <input class="ivx-input ivx-input-checkbox" ${attributes}>
110 ${label}
111 </label>
112 `;
113}
40function createCheckbox () {
41 const vm = createVue({
42 template: `
43 <cube-checkbox v-model="checked" class="my-checkbox" :position="'left'">
44 checkbox
45 </cube-checkbox>
46 `,
47 data: {
48 checked: true
49 }
50 })
51 return vm
52}
135public static checkbox(key, options: any = {}) {
136 return Field.field('checkbox', 'checkbox', key, options)
137}
27get nzCheckbox(): boolean {
28 return this._checkbox;
29}
13export default function Checkbox(props: Props) {
14 return (
15 <div
16 className={classNames("flex flex-row items-center", props.className)}
17 onClick={props.onClick}>
18 <input type="checkbox" checked={props.checked} readOnly={props.readOnly} />
19 <Label className="ml-2">{props.children}</Label>
20 </div>
21 );
22}
7function Checkbox(props) {
8 const { checked, disabled, theme } = props;
9
10 const classes = classNames(
11 'checkbox',
12 {
13 'checkbox--is-checked': checked,
14 'checkbox--is-disabled': disabled,
15 },
16 props.className,
17 );
18
19 const icon = <Icon.Checkmark stroke={theme.palette.white} style={{ display: 'block' }} />;
20
21 return <span className={classes}>{checked ? icon : null}</span>;
22}
60renderCheckbox(props) {
61 return (
62 <CheckboxView
63 {...props}
64 id={this.id}
65 ref={(ref) => { this._node = ref; }}
66 onChange={this.onChange}
67 />
68 );
69}
58function Checkbox(config, _form, _item, elementRef, renderer) {
59 _super.call(this, config, elementRef, renderer, 'checkbox');
60 this._form = _form;
61 this._item = _item;
62 /** @private */
63 this._checked = false;
64 /** @private */
65 this._disabled = false;
66 /**
67 * @output {Checkbox} expression to evaluate when the checkbox value changes
68 */
69 this.ionChange = new EventEmitter();
70 _form.register(this);
71 if (_item) {
72 this.id = 'chk-' + _item.registerInput('checkbox');
73 this._labelId = 'lbl-' + _item.id;
74 this._item.setElementClass('item-checkbox', true);
75 }
76}
5function checkbox(){
6 return m("input[type='checkbox']",{
7 onclick: m.withAttr('checked', function(val){
8 if (state.time_trial_val === 0) {state.time_trial_val = 120}
9 state.time_trial = val
10 toggle_timer()
11 }),
12 checked: state.time_trial
13 })
14}

Related snippets