Skip to Content
ビューコードエディターリンクLink

Link

Linkコンポーネントは、ユーザーがクリックすることで指定されたURLに移動するためのコンポーネントです。ボタンまたはテキストの形式で表示が可能です。

基本的な使い方

import { Card, Link } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <Link
        href="https://www.example.com"
        color="blue"
        type="text"
        newTab={true}
      >
        Visit example
      </Link>
    </Card>
  );
};
 
export default App;
使用例

詳細なインターフェース

名前説明必須・任意デフォルト値
hrefリンク先のURLを指定します。必須なし
typeリンクの表示スタイルを指定します。buttonまたはtextを選択可能です。type="button"の場合、sizeプロパティでサイズを指定できます。任意text
newTabリンクを新しいタブで開くかどうかを指定します。trueの場合、新しいタブで開きます。任意true
childrenリンクのテキストを指定します。必須なし
colorリンクの色を指定します。blueまたはredを選択可能です。任意blue
sizetype="button"の場合のみ適用されます。ボタンのサイズを指定します。xs、sm、md、lg、xlの中から選択可能です。任意md
InputActionLink