Radio Button

Radio


<div className="d-flex mb-2">
    <label className="radio-container mb-3 select">
        <input type="radio" name="radio1" className="custom-radio"/>
        <span className="checkmark"></span>
    </label>
    <label className="radio-container focused">
        <input type="radio" name="radio2" className="custom-radio"/>
        <span className="checkmark"></span>
    </label>
    <label className="radio-container selected">
        <input type="radio" name="radio3" className="custom-radio" checked/>
        <span className="checkmark"></span>
    </label>
</div>
<div className="d-flex flex-column mb-2">
    <label className="radio-container select mb-3 d-flex align-items-center">
        <input type="radio" name="radio4" className="custom-radio"/>
        <span className="checkmark"></span><p className="mb-0">Select</p>
    </label>
    <label className="radio-container focused mb-3 d-flex align-items-center">
        <input type="radio" name="radio5" className="custom-radio"/>
        <span className="checkmark"></span><p className="mb-0">Focused</p>
    </label>
    <label className="radio-container selected d-flex align-items-center">
        <input type="radio" name="radio6" className="custom-radio" checked/>
        <span className="checkmark"></span><p className="mb-0">Selectedv/p>
    </label>
</div>

results matching ""

    No results matching ""