Custom-radio-button NPM

Custom radio button component

Custom radio button is highly configrable and easy to use.

Features
Getting started
API
Basic example

Features

Custom radio button bindings to property or object
Custom theme changes
Custom label text
Custom Enable/Disable mode
No external dependencies (easy to use!),
Minimal styling (easy to customize!),
Great performance.

Installation

$ npm i custom-radio-button

Getting started

import { CustomRadioButtonModule } from 'custom-radio-button';

@NgModule({
  imports: [
    CustomRadioButtonModule
  ]
})

API

Input	Type	Default	Required	Description
customBgColor	string	`#eee`	no	Will add background-color (#ddd) of the radio button.
customSelectedBgColor	string	`#fff`	no	Will add inner-selected-color (#ff0000) of the radio button.
boxType	string	`circle`	no	Can change the shape of the radio button to `square`. Default `circle`.
customBorderColor	string	`transparent`	no	Will add border-color of the radio button.
customSize	string	`Xlarge`	no	Will increase/decrease the size of the radio button 3 more options `small`,`large`,`medium`.
boxlabel	string	`Label`	no	Will change the label text.
boxchecked	boolean	`false`	no	If you want to checked the radio button by defalut. Set it to`true`.
boxdisabled	boolean	`false`	no	If you want to disabled the radio button by defalut. Set it to`true`.
customInnerBorderColor	string	`transparent`	no	Will add inner-border-color of the radio button.

Basic example

<custom-radio-button 
[boxType]="'square'"
[customInnerBorderColor]="'#fff'" 
[boxlabel]="'one'" 
[customBgColor]="'red'" 
[customSelectedBgColor]="'black'"
[boxchecked]="false" 
[boxdisabled]="false"
[customSize]="'medium'"
[customBorderColor]="'green'"></custom-radio-button>