Blazor radio buttons in one component unselecting radio buttons from the others

I've got a list of radio buttons in each of the components I've created which read from and write to the database which is good, but when i select a radio button in one component it will unselect the radio button in the first / other components. How can I make it so I can select the radio buttons in all of the components.

radio buttons:

            <label class="GroupTitle">Filters:</label><br/>
            <input type="radio" name="number" id="all" checked="@checkedRadio("all", FileFilter)" @oninput="@(() => UpdateFilter("all"))" /> 
            <label for="">Clear all files</label><br />  
            <input type="radio" name="number" id="number" checked="@checkedRadio("number", FileFilter)" @oninput="@(() => UpdateFilter("number"))" />
            <label for="">Based on number of files</label><br />    
            <input type="radio" name="number" id="date"  checked="@checkedRadio("date", FileFilter)" @oninput="@(() => UpdateFilter("date"))" />    
            <label for="date">Based on date of files</label><br />    

checkedRadio() :

    private bool checkedRadio(string state, FileFilter Filter)
    {
        if(state == Filter.Filter)
        {
            return true;

        }
        else
        {
            return false;
        }
    }

UpdateFilter() :

    private void UpdateFilter(string option)
    {
        filter = option;
        FileFilter.Filter = option;
    }