Button

リンクやアクションを促すためのボタンコンポーネントです。

Properties

Buttonコンポーネントは以下のプロパティを受け付けます。

Property	Type	Description
`type`	`"primary" \| "default"`	ボタンのスタイルを選択します。
`href`	`string`	リンク先URL。指定すると `<a>`、指定しないと `<button>` タグになります。
`square`	`boolean`	`true` の場合、正方形の形状になります（アイコン配置などに最適）。

Usage

Primary Default

---
import Button from '@/components/Button.astro';
---

<Button href="#" type="primary">Primary</Button>
<Button href="#" type="default">Default</Button>

<!-- アイコンを入れた正方形のボタン -->
<Button href="#" type="default" square={true}>
  <svg>...</svg>
</Button>

← コンポーネント一覧へ戻る