
Research
/Security News
Toptal’s GitHub Organization Hijacked: 10 Malicious Packages Published
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.
@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 0 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.
Research
/Security News
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.
Research
/Security News
Socket researchers investigate 4 malicious npm and PyPI packages with 56,000+ downloads that install surveillance malware.
Security News
The ongoing npm phishing campaign escalates as attackers hijack the popular 'is' package, embedding malware in multiple versions.