❤
npm
Sign UpSign In

@synerise/ds-radio
TypeScript icon, indicating that this package has built-in type declarations

0.12.13 • Public • Published

id: radio title: Radio

Radio UI Component

Demo

<iframe src="/storybook-static/iframe.html?id=components-radio--default"></iframe>

API

Props

Radio

Property Description Type Default
autoFocus get focus when component mounted boolean false
checked Specifies whether the radio is selected. boolean -
description radio input description ReactNode -
defaultChecked Specifies the initial state: whether or not the radio is selected. boolean false
disabled Disable radio boolean false
value According to value for comparison, to determine whether the selected any -

RadioGroup

Property Description Type Default
defaultValue Default selected value any -
disabled Disable all radio buttons boolean false
name The name property of all input[type="radio"] children string -
options set children optional string[] / Array<{ label: string value: string disabled?: boolean }> -
size size for radio button style large / default / small default
value Used for setting the currently selected value. any -
onChange The callback function that is triggered when the state changes. (e:Event) => void -
buttonStyle style type of radio button outline / solid outline

Methods

Radio

Name Description
blur() remove focus
focus() get focus

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
0.12.13125latest

Version History

VersionDownloads (Last 7 Days)Published
0.12.13125
0.12.123
0.12.112
0.12.100
0.12.91
0.12.80
0.12.70
0.12.60
0.12.50
0.12.40
0.12.30
0.12.20
0.12.10
0.12.00
0.11.760
0.11.750
0.11.740
0.11.730
0.11.720
0.11.710
0.11.700
0.11.690
0.11.680
0.11.670
0.11.660
0.11.650
0.11.640
0.11.630
0.11.620
0.11.610
0.11.600
0.11.590
0.11.580
0.11.570
0.11.560
0.11.550
0.11.540
0.11.530
0.11.520
0.11.510
0.11.500
0.11.490
0.11.480
0.11.470
0.11.460
0.11.450
0.11.440
0.11.430
0.11.420
0.11.410
0.11.400
0.11.390
0.11.380
0.11.370
0.11.360
0.11.350
0.11.340
0.11.330
0.11.320
0.11.310
0.11.300
0.11.290
0.11.280
0.11.270
0.11.260
0.11.250
0.11.240
0.11.231
0.11.220
0.11.210
0.11.200
0.11.190
0.11.180
0.11.170
0.11.140
0.11.130
0.11.120
0.11.111
0.11.100
0.11.90
0.11.80
0.11.70
0.11.60
0.11.50
0.11.40
0.11.30
0.11.20
0.11.10
0.11.00
0.10.760
0.10.750
0.10.740
0.10.730
0.10.720
0.10.710
0.10.700
0.10.690
0.10.680
0.10.670
0.10.660
0.10.650
0.10.620
0.10.600
0.10.590
0.10.580
0.10.570
0.10.560
0.10.550
0.10.540
0.10.530
0.10.520
0.10.510
0.10.500
0.10.490
0.10.480
0.10.470
0.10.460
0.10.450
0.10.440
0.10.430
0.10.420
0.10.410
0.10.400
0.10.390
0.10.380
0.10.370
0.10.360
0.10.350
0.10.340
0.10.320
0.10.310
0.10.300
0.10.290
0.10.280
0.10.270
0.10.260
0.10.250
0.10.240
0.10.230
0.10.220
0.10.210
0.10.200
0.10.190
0.10.180
0.10.170
0.10.160
0.10.150
0.10.140
0.10.130
0.10.120
0.10.110
0.10.100
0.10.90
0.10.80
0.10.70
0.10.60
0.10.50
0.10.40
0.10.30
0.10.20
0.10.10
0.10.00
0.9.170
0.9.161
0.9.150
0.9.140
0.9.130
0.9.120
0.9.110
0.9.100
0.9.90
0.9.81
0.9.70
0.9.60
0.9.50
0.9.40
0.9.30
0.9.20
0.9.10
0.9.00
0.8.00
0.7.01
0.6.00
0.5.60
0.5.50
0.5.40
0.5.30
0.5.20
0.5.10
0.5.00
0.4.00
0.3.00
0.2.30
0.2.20

Package Sidebar

Install

npm i @synerise/ds-radio

Repository

github.com/synerise/synerise-design

Homepage

github.com/synerise/synerise-design#readme

Weekly Downloads

134

Version

0.12.13

License

ISC

Unpacked Size

60.1 kB

Total Files

13

Last publish

Collaborators

  • synerise
Try on RunKit
Report malware