レシピ
contact-basic
お問い合わせフォーム。
概要
名前・メールアドレス・メッセージの基本的なお問い合わせフォームセクションです。フォームの送信先は action パラメータで指定します。
YAML パラメータ
| パラメータ | 説明 |
|---|---|
heading |
セクション英語ラベル（省略でヘッダー非表示） |
subheading |
セクション日本語見出し |
action |
フォーム送信先URL（default: "#"） |
submitText |
送信ボタンテキスト（default: "送信する"） |
extraClass |
追加CSSクラス |
style |
CSS変数の上書き |
CSS 調整変数
| 変数名 | 用途 | デフォルト |
|---|---|---|
--contact-basic-padding |
セクション余白 | 5rem 0 |
--contact-basic-bg |
背景色 | #f8fafc |
--contact-basic-title-size |
見出しサイズ | 1.8rem |
--contact-basic-label-color |
ラベル色 | #00C6FF |
--contact-basic-input-bg |
入力欄背景色 | white |
--contact-basic-input-radius |
入力欄角丸 | 8px |
--contact-basic-btn-bg |
ボタン背景色 | #025DCC |
--contact-basic-btn-color |
ボタン文字色 | white |