ビュー
フォーム
Button

Button

Buttonコンポーネントは、ユーザーがクリックすることで指定された操作するためのコンポーネントです。色や形式(ボタン、送信)をカスタマイズが可能です。

基本的な使い方

import { Card, Form, Flexbox, Button } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <Form
        onSubmit={() => {
          console.log("clicked");
        }}
      >
        <Flexbox direction="col">
          <Button type="submit" title="送信" color="blue" />
        </Flexbox>
      </Form>
    </Card>
  );
};
export default App;
使用例

詳細なインターフェース

名前説明デフォルト値
titleボタンのテキストを指定します。必須
colorボタンの色を指定します。blueredwhiteの中から選択可能です。white
disabledボタンが無効化されているかどうかを指定します。trueの場合、ボタンはクリックできません。false
typeボタンのタイプを指定します。buttonまたはsubmitを選択可能です。button
onClickボタンがクリックされたときに実行する関数を指定します。なし