跳到內容

ContactSection (am-contact-section)

am-contact-section 把 inquiry form、side guidance、CTA actions 收進同一個 page-level shell,避免 consumer 每次都手動重建兩欄版型與 spacing。

  • 內建 SectionContainer
  • 支援 eyebrowtitledescription
  • 支援 asideTitleasideDescription
  • default slot 適合放 FieldInputTextarea、actions
  • aside slot 適合放 response SLA、handoff notes、trust copy
<ContactSection title="Use one stable shell for booking intake." asideTitle="What happens next">
<form>
<Field controlId="email" label="Email">
<Input id="email" type="email" />
</Field>
</form>
<Fragment slot="aside">
<p>We reply within one business day.</p>
</Fragment>
</ContactSection>

詳見 playground /playground/contact/ 範例。