Radio

A sleek Radio component designed with TailwindCSS for clear, responsive, and user-friendly selections.

Example

example.tsx

const Radio = () => {
    return (
        <>
        <div className="flex space-x-2">
            <input className="size-5 accent-[#1565C0]" type="radio" name="radio" id="radio_yes" />
            <label htmlFor="radio_yes">Agree</label>
        </div>
        <div className="flex space-x-2">
            <input className="size-5 accent-[#D32F2F]" type="radio" name="radio" id="radio_no" />
            <label htmlFor="radio_no">Deny</label>
        </div>
        </>
    )
}

export default Radio;