ビュー
フォーム
Checkbox

Checkbox

Checkboxコンポーネントは、チェックボックスの入力を行なうためのコンポーネントです。

基本的な使い方

import { Card, Form, Flexbox, Checkbox, Button } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <Form onSubmit={() => {}}>
        <Flexbox direction="col">
          <Checkbox name="isActive" label="有効化する" />
          <Button type="submit" title="送信" color="blue" />
        </Flexbox>
      </Form>
    </Card>
  );
};
export default App;
使用例

詳細なインターフェース

名前説明デフォルト値
nameフィールドの名前を指定します。必須
labelチェックボックスのラベルを指定します。なし
valueチェックボックスが選択されたときの値を指定します。なし
disabledチェックボックスが無効化されているかどうかを指定します。trueの場合、チェックボックスはクリックできません。false