![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@paprika/radio
Advanced tools
Readme
Radio component displays a radio input and label text beside it. When clicked it selects the input and deselects any other radio input in its group
yarn add @paprika/radio
or with npm:
npm install @paprika/radio
Prop | Type | required | default | Description |
---|---|---|---|---|
a11yText | string | false | null | Used for aria-label on the radio input |
canDeselect | bool | false | false | Describe if the radio started as selected or not |
children | node | false | null | Used for label contents |
isChecked | bool | false | false | |
isDisabled | bool | false | false | Describe if the radio is disabled or not |
defaultIsChecked | bool | false | false | Describe if the radio started as checked or not |
name | string | false | "" | Name provided for accessibility |
onClick | custom | false | () => {} | onClick provided by parent Group component |
size | [ Radio.types.size.SMALL, Radio.types.size.MEDIUM, Radio.types.size.LARGE] | false | Radio.types.size.MEDIUM | Size of the labels provided by parent Group component. Size SMALL is depreciated in the design guideline therefore, please use MEDIUM instead. |
tabIndex | [number,string] | false | 0 | Value for tabindex attribute to override the default of 0. |
value | string | false | "" | Value applied to the input if needed. |
Prop | Type | required | default | Description |
---|---|---|---|---|
canDeselect | bool | false | false | Can deselect any radio |
children | node | false | null | The individual radio items. |
isDisabled | bool | false | false | Are all radios disabled |
onChange | func | true | - | On change of radio selection. |
size | [ Radio.types.size.SMALL, Radio.types.size.MEDIUM, Radio.types.size.LARGE] | false | Radio.types.size.MEDIUM | The size for all radio components. |
import Radio from "@paprika/radio";
<Radio.Group
onChange={activeIndex => {
// get values from the data using index
}}
>
<Radio>Radio 1</Radio>
<Radio>Radio 2</Radio>
<Radio>Radio 3</Radio>
<Radio>Radio 4</Radio>
</Radio.Group>;
FAQs
Radio component displays a radio input and label text beside it. When clicked it selects the input and deselects any other radio input in its group
The npm package @paprika/radio receives a total of 891 weekly downloads. As such, @paprika/radio popularity was classified as not popular.
We found that @paprika/radio demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 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.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.