Radio card

Radio input with built-in layout subcomponents, for picking one option of a set

Contents

For certain uses in Freelancer (e.g., post job page), the limited width of radio cards can cause image icons to be vertically centered while text content starts at the top, creating visual misalignment. The Image Alignment feature resolves this issue by providing a 'imageAlignment' input that allows icons to be positioned at the top or center of the card, ensuring proper alignment with the title and description text.

center

Project type icon Recommended

Post a project

Get free quotes from freelancers. Ideal for detailed, non-visual, or complex projects.

Contest type icon

Start a contest

Crowdsource ideas with a prize. Ideal for visual designs, open innovation & big challenges.

top

Project type icon Recommended

Post a project

Get free quotes from freelancers. Ideal for detailed, non-visual, or complex projects.

Contest type icon

Start a contest

Crowdsource ideas with a prize. Ideal for visual designs, open innovation & big challenges.

Inputs in Image alignment
imageAlignment ?: ImageAlignment = ImageAlignment.CENTER
Also set in this example
control : FormControl<T>
isSelected : boolean
pictureAlt : string
value : T extends T ? T : T
pictureSrc ?: string