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