Merge Initials Radio Button with airSlate SignNow

Merge initials radio button

okay then so the next thing i want to add to this form are radio buttons and that's going to offer the user a way to select a category so i've already searched for the radio component right here on material ui and if we scroll down this is what these radio buttons are gonna look like so we can see we have a disabled option right here then some standard options this is the code that they provide we're gonna do something similar to this later on but to begin with i want to show you the basic way to create a radio component so the first thing to do as always is import the component we need so import radio from material ui core radio and then down here below the text fields i'm just going to output a couple of radio components so let me do this radio self closing and then we also give this a value and basically we give this a value because ultimately when a user selects a radio button we want to store the value of that radio button whatever they've selected somewhere so that's what this is kind of used for so the value is equal to hello in this case and then let's do another one and the value is going to be goodbye okay so if i save this then preview in the browser then it's going to look something like this we have two radio buttons we don't see any text but that's because we've not used labels at the minute the value is not a label the value is just a property on this radio button if i inspect this and come over here we can see we have an input right here and the value is hello on this input that's where the value goes okay all right then so this thing right here is a radio button this is a radio button and they can both be selected now in our case i don't want a user to be allowed to select multiple radio buttons at once because that kind of defeats the object of choosing a category i don't want it to be in a work category but also in a to do's category for example i just want them to choose one single category and this isn't allowing me to only let the user choose one now the way we do this is by using a radio group and a radio group is something that surrounds different radio buttons to group them together so that a user can only choose one of those options now the radio group is a component so i need to import it first of all at the top so import radio group from forward slash call forward slash radio group and then down here what we can do is surround these things with the radial group component so let me do that i'm going to say radio group...