
Security News
Browserslist-rs Gets Major Refactor, Cutting Binary Size by Over 1MB
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
@wedgekit/checkbox
Advanced tools
The checkbox component is used to indicate an input that can have a boolean state (on/off), as well as indicating an indeterminate state.
import Checkbox from '@wedgekit/checkbox';
const Example = () => {
const [allDayEvent, setAllDayEvent] = React.useState(false);
return (
<Checkbox
label="My Checkbox"
value={allDayEvent}
onChange={(newValue) => {
setAllDayEvent(newValue);
}}
/>
);
};
render(<Example />);
Type: string
required: ❌
This is exposed but is only here so that styled-components will be able to style components correctly. Please do not use this unless you really know what you are doing.
Type: boolean
Required: ❌
Indicates whether the checkbox is disabled.
Type: string
Required: ❌
A string the will be passed into the onChange function indicating the ID of the checkbox that changed.
Type: boolean
Required: ❌
Indicates whether the checkbox is displayed as being in an indeterminate state. The indeterminate state is purely a visual state and the checkbox will still be checked or unchecked irrespective of this property. If indeterminate is true
, the checkbox will show the indeterminate indicator. If false
or unset, the checkbox will display as either checked or unchecked.
Type: InfoObject
Required: ❌
Passing an InfoObject
to the info
prop will populate an InfoButton
adjacent to the checkbox's label.
Type: string
Required: ✅
A descriptive label describing the purpose of the checkbox.
Type: boolean
Required: ❌
Indicates whether to visibly display the label. The label will always be available to users of screen readers via aria-label.
DEPRECATED
Type: string
Required: ❌
The functionality of this prop has been moved to id
.
Type: boolean
Required: ❌
Indicates whether the checkbox is required.
Type: 'default' | 'error' | 'success' | 'pending'
Required: ❌
Indicates the validation status. Used for styling purposes.
Type: number
Required: ❌
Prop used to interrupt the normal tab order of a page. It is recommend that tabIndex only be 0
or -1
Type: (checked: boolean, id: string, event: SyntheticEvent<*>) => void
Required: ✅
A function that is called when the checkbox is toggled.
The checkbox label is contained within a @wedgekit/primitives
Label
, which can be overridden to change the text styling.
FAQs
## Purpose
The npm package @wedgekit/checkbox receives a total of 2 weekly downloads. As such, @wedgekit/checkbox popularity was classified as not popular.
We found that @wedgekit/checkbox demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 15 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
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
Security News
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.