ActionLink

ActionLinkコンポーネントは、ユーザーがクリックすることで指定されたアクション実行画面に画面移動するためのコンポーネントです。ボタンまたはテキストの形式で表示できます。

基本的な使い方

import { Card, ActionLink } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <ActionLink
        actionId="sampleActionId"
        params={{
          param1: "value1",
          param2: "value2"
        }}
        color="red"
        type="button"
        newTab={true}
      >
        Run Action
      </ActionLink>
    </Card>
  );
};
export default App;

詳細なインターフェース

名前	説明	デフォルト値
actionId	実行するアクションのIDを指定します。	必須
params	アクションに渡すパラメータを指定します。オブジェクト形式で複数のパラメータを設定可能です。
openAndRun	新しいタブでアクションを開き、同時に実行するかどうかを指定します。`true`の場合、画面移動直後にアクションが自動で実行されます。	`false`
type	リンクの表示形式を指定します。`button`または`text`を選択可能です。	`text`
newTab	アクションを新しいタブで開くかどうかを指定します。`true`の場合、新しいタブで開きます。	`false`
children	リンクのテキストを指定します。	必須
color	リンクの色を指定します。`blue`または`red`を選択可能です。	`blue`

Link ViewLink