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 |