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 を選択可能です。 | text |
newTab | リンクを新しいタブで開くかどうかを指定します。true の場合、新しいタブで開きます。 | true |
children | リンクのテキストを指定します。 | 必須 |
color | リンクの色を指定します。blue またはred を選択可能です。 | blue |