Base Examples

Disabled checkboxes

Examples with outer styles

This text should be aligned on same line with checkbox label
This text should be aligned on same line with checkbox label
This text should be aligned on same line with checkbox label
This text should be aligned on same line with checkbox label
import {render} from 'react-dom'; import React from 'react'; import Checkbox from '@jetbrains/ring-ui/components/checkbox/checkbox'; render(, document.getElementById('checkbox')); render( , document.getElementById('checkbox-selected') ); render( , document.getElementById('checkbox-disabled') ); render( , document.getElementById('checkbox-disabled-selected') ); render( This checkbox is inside a div with large line-height., document.getElementById('checkbox-in-large-line-height-div') ); render( This checkbox is inside a div with small line-height., document.getElementById('checkbox-in-small-line-height-div') ); render( This checkbox is inside a div with large font-size., document.getElementById('checkbox-in-large-font-div') ); render( This checkbox is inside a div with small font-size., document.getElementById('checkbox-in-small-font-div') );