Radio Group

Radios provide users with different selection and activation tools.

installyarn add @clayui/form
versionNPM Version
useimport {ClayRadio, ClayRadioGroup} from '@clayui/form';

Table of Contents

Example

Open on CodeSandboxOpen Sandbox
import {Provider} from '@clayui/core';
import {ClayRadio, ClayRadioGroup} from '@clayui/form';
import React, {useState} from 'react';

import '@clayui/css/lib/css/atlas.css';

export default function App() {
	return (
		<Provider spritemap="/public/icons.svg">
			<div className="p-4">
				<ClayRadioGroup defaultValue="one" inline>
					<ClayRadio label="One" value="one" />
					<ClayRadio label="Two" value="two" />
					<ClayRadio label="Three" value="three" />
				</ClayRadioGroup>
			</div>
		</Provider>
	);
}

API Reference

Edit this page on GitHub

Table of Contents