how to reference element by id within blazor component

Question

I am making my own shared component. I want to have an input field and a label. Taking the MDN example

<div class="preference">
    <label for="cheese">Do you like cheese?</label>
    <input type="checkbox" name="cheese" id="cheese">
</div>

Fine, but I might have several instances of a shared component on a given page so I need a diffferent id for each instance. I dont see how to do that

Answer 1

Generate a guid string and use that:

<div class="preference">
    <label for="@elementId">Do you like cheese?</label>
    <input type="checkbox" name="@elementId" id="@elementId">
</div>

@code { 
    string elementId = Guid.NewGuid().ToString("N");
}