ViewLink

ViewLinkコンポーネントは、ビューに移動するためのリンクを生成するためのコンポーネントです。ボタンまたはテキストの形式で表示が可能です。

基本的な使い方

import { Card, ViewLink } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <ViewLink
        viewId="displayIdExample"
        type="text"
        newTab={true}
        color="blue"
      >
        遷移先のタイトル
      </ViewLink>
    </Card>
  );
};
 
export default App;

詳細なインターフェース

| 名前 | 説明 | デフォルト値 | | -------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------ | ---- | | viewId | 移動先のビューの識別子を指定します。 | 必須 | | params | 移動先のビューに渡すパラメータを指定します。 | 省略可能 | | type | リンクの表示形式を指定します。buttonまたはtextを選択可能です。type="button"の場合、sizeプロパティでサイズを指定できます。 | text | | newTab | リンクを新しいタブで開くかどうかを指定します。trueの場合、新しいタブで開きます。 | false | | children | リンクのテキストを指定します。 | 必須 | | color | リンクの色を指定します。blueまたはredを選択可能です。 | blue | | size | type="button"の場合のみ適用されます。ボタンのサイズを指定します。xs、sm、md、lg、xlの中から選択可能です。 | 任意 | md |

ActionLink Image