ContactSection (am-contact-section)
am-contact-section 把 inquiry form、side guidance、CTA actions 收進同一個 page-level shell,避免 consumer 每次都手動重建兩欄版型與 spacing。
Contract
Section titled “Contract”- 內建
Section與Container - 支援
eyebrow、title、description - 支援
asideTitle、asideDescription defaultslot 適合放Field、Input、Textarea、actionsasideslot 適合放 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>