Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
@leafygreen-ui/checkbox
Advanced tools
import Checkbox from '@leafygreen-ui/checkbox';
<Checkbox
className='my-checkbox'
onChange={(event) => {/* Something to handle the click event */}}
label='This is how you enable a thing'
checked={true}
bold={false}
/>
Output HTML
<label class="css-1rgbgdt my-checkbox" title="Create an item" for="checkbox-14827892">
<input
checked
type="checkbox"
role="checkbox"
class="css-32kjhsdaf"
id="checkbox-14827892"
name="checkbox-14827892"
aria-disabled="false"
aria-checked="true"
aria-labeledby="checkbox-14827892-label"
/>
<div class="css-34kjkdfg">
<div class="css-98sdfjsad"></div>
</div>
<span class="css-8xdsjfh9" id="checkbox-14827892-label">
This is how you enable a thing
</span>
</label>
Type: string
Default: 'default'
Sets the style variant of the checkbox. Valid variants for checkboxes are 'default'
and 'light'
.
Type: boolean
Default: false
Checks the checkbox.
Type: node
Default: null
The label for the checkbox.
Type: boolean
Default: false
Disables the checkbox.
Type: boolean
Default: false
Sets the checkbox as indeterminate. NOTE: the checkbox will become out of sync with the indeterminate prop when it's clicked. Make sure to unset the indeterminate
prop on change where you're controlling your input.
Type: string
Default: ''
Adds a className to the outermost element.
Type: boolean
Default: false
Determines whether the text will be bold or not.
Type: string
|| number
Default: randomly generated string
Adds an ID only to the input, and it's used elsewhere for accessibility props.
Type: function
Default: () => {}
The event handler function for the 'onchange' event. Receives the associated event
object as the first argument.
input
element.FAQs
LeafyGreen UI Kit Checkbox
The npm package @leafygreen-ui/checkbox receives a total of 40,865 weekly downloads. As such, @leafygreen-ui/checkbox popularity was classified as popular.
We found that @leafygreen-ui/checkbox demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.