@2e32/react-radio

English (en)

Компоненты радиокнопка и группа радиокнопок для React.

Установка

npm

npm i @2e32/react-radio

yarn

yarn add @2e32/react-radio

Использование Radio

App.js

// Единожды подключить стиль на уровне приложения (точки входа)
import '@2e32/react-radio/css';

const App = () => <Page />;

export default App;

Page.js

import { useState, useCallback } from 'react';
// Импортировать компонент
import Radio from '@2e32/react-radio';

const Page = () => {
  const [value, setValue] = useState<string>();

  return (
    <Radio checked={value === 'one'} value="one" onChange={setValue}>
      One
    </Radio>
    <Radio checked={value === 'two'} value="two" onChange={setValue}>
      Two
    </Radio>
  );
};

export default Page;

Свойства Radio

Использование RadioGroup

import { useState } from 'react';
import Radio from '@2e32/react-radio';

const Page = () => {
  const [value, setValue] = useState<string>();

  return (
    <Radio.Group value={value} options={['One', 'Two', 'Three']} onChange={setValue} />
  );
};

export default Page;

Свойства RadioGroup

Примеры

Смотри storybook.

Лицензия

MIT