Radio Button
Installation
- yarn
- pnpm
- npm
yarn add @mercell/radio-button-react
pnpm add @mercell/radio-button-react
npm install --save @mercell/radio-button-react
The RadioButton has necessary peerDependencies, please make sure that you have them in your project
"@mercell/tailwind": "^6.0.1",
"classnames": "^2.3.1",
"react": "^17.0.2"
Usage
Using the Radio Button component is as simple as importing it like this.
import RadioButton from '@mercell/radio-button-react';
Types, definitions, etc.
- Types
- Changelog
- Figma
RadioButtonProps
interface RadioButtonProps {
id: string;
labelProps?: JSX.IntrinsicElements['label'];
children?: ReactNode;
invalid?: boolean;
} & MutableRefObject<HTMLInput> & JSX.IntrinsicElements['input']
Name | Type | Default | Required | Description |
---|---|---|---|---|
id | string | - | yes | Used to group the label with the radio button input |
labelProps | JSX.IntrinsicElements['label'] | - | no | Custom props for the label |
children | ReactNode | - | yes | The label content |
invalid | boolean | false | no | If the label is invalid or not |
Change Log - @mercell/radio-button-react
This log was last generated on Tue, 06 Dec 2022 09:39:00 GMT and should not be manually modified.
5.0.3
Tue, 06 Dec 2022 09:39:00 GMT
Patches
- Add invalid prop to radio button
5.0.2
Thu, 24 Nov 2022 12:39:47 GMT
Patches
- Fix arbitrary value for content in tailwind
5.0.1
Thu, 24 Nov 2022 12:26:44 GMT
Patches
- Change type of children to not be mandatory
5.0.0
Fri, 11 Nov 2022 09:18:57 GMT
Breaking changes
- New styling approach - use only tailwind classes, add tailwind-merge library
4.0.0
Thu, 15 Sep 2022 06:07:41 GMT
Breaking changes
- Migration to Tailwind3, React 18 and ViteJS from webpack.
3.0.10
Thu, 14 Jul 2022 13:28:46 GMT
Patches
- Updated hover state to remove sticky hover on mobile
3.0.9
Thu, 30 Jun 2022 10:57:49 GMT
Patches
- Package.json refactor, add test suite, more tests soon
3.0.8
Tue, 19 Apr 2022 09:44:51 GMT
Patches
- UI style cursor fix
3.0.7
Fri, 08 Apr 2022 10:19:50 GMT
Patches
- Bump dependencies
3.0.6
Wed, 09 Mar 2022 10:29:16 GMT
Patches
- Adjust focus ring
3.0.5
Thu, 03 Mar 2022 13:56:02 GMT
Patches
- Adjust radio spacing
3.0.4
Mon, 28 Feb 2022 12:45:49 GMT
Patches
- Dependency update
3.0.3
Mon, 28 Feb 2022 10:55:32 GMT
Patches
- Bump typescript
3.0.2
Wed, 26 Jan 2022 16:19:19 GMT
Patches
- Adding the same peerDependencies to devDependencies
3.0.1
Thu, 13 Jan 2022 16:05:40 GMT
Patches
- Fix visual issue of checked radio in Safari
3.0.0
Wed, 15 Dec 2021 22:20:34 GMT
Breaking changes
- Update to match figma design
2.0.5
Fri, 12 Nov 2021 13:08:30 GMT
Patches
- Add @mercell/tailwind to devDeps to be always up to date
2.0.4
Fri, 05 Nov 2021 11:10:13 GMT
Patches
- Bump peerDependency
2.0.3
Thu, 04 Nov 2021 10:10:16 GMT
Patches
- Tailwind type fix
- Revert tailwind version
2.0.2
Wed, 03 Nov 2021 15:28:42 GMT
Patches
- react types >=17
2.0.1
Wed, 27 Oct 2021 12:53:13 GMT
Patches
- Gitignore fix
2.0.0
Mon, 18 Oct 2021 07:16:21 GMT
Breaking changes
- New local build process with webpack without storybook, add npmignore and update dependencies
1.0.7
Thu, 02 Sep 2021 08:03:42 GMT
Patches
- Adjust component to strict mode in typescript
1.0.6
Mon, 12 Jul 2021 10:50:09 GMT
Patches
- Updating dependencies
- Updating dependencies
1.0.5
Wed, 24 Mar 2021 10:17:01 GMT
Patches
- Enabling eslint
1.0.4
Tue, 23 Mar 2021 13:40:42 GMT
Patches
- Adding esm module export
1.0.3
Wed, 17 Mar 2021 10:01:28 GMT
Patches
- Adding readme
1.0.2
Fri, 19 Feb 2021 09:41:17 GMT
Patches
- bump
1.0.1
Wed, 17 Feb 2021 17:50:36 GMT
Patches
- Added Radio Button to storybook and updated styling to the new branding
1.0.0
Fri, 05 Feb 2021 13:40:11 GMT
Breaking changes
- Added component
Sometimes it can take some time until Figma will render component inside embed iframe. Try to click plus icon to 'reset' initial loader. (Works only in Chrome)
Click me to open figma in the new card