Skip to content

Applib-OpenHarmony/MeterialRadio

Repository files navigation

MaterialRadio

This library is developed to provide material radio implemented using extended typescript.

Download & Install

Install using npm

npm i @ohos/material-radio

Usage Instructions

  1. Import files and code dependencies
import { RadioButton, RadioGroup, RadioOption, RadioModel }  from '@ohos/material-radio'
  1. Initialize model data
private radioModel: RadioModel = new RadioModel(1, "Radio Label")
  1. Code for creating radio button
RadioButton({
    checked: true,
    model: this.radioModel,
    onCheckChange: (selectedRadioId) => {
        console.log("Selected Radio Button Id:: " + selectedRadioId);
    }
})

Radio_Buttons.png

  1. Code for creating radio group
RadioGroup(
    {
        selectedRadioId: 1,
        options: [new RadioOption(1, "Option 1"), new RadioOption(2, "Option 2")],
        onCheckChange: (selectedRadioId) => {
            console.log("Selected Radio Button Id:: " + selectedRadioId);
        }
    }
)

Radio_Group.png

Compatibility

Supports OpenHarmony API version 8

Code Contribution

If you find any problems during usage, you can submit an Issue to us. Of course, we also welcome you to send us PR.

Open source License

This project is based on Apache License 2.0, please enjoy and participate in open source freely.

Reference:

Design by : Himanshu Piplani