Component Catalog
Contact Info Block Contact
Contact
Contact Info Block Address, phone, email and opening hours in a scannable block
Address, phone, email and opening hours in a scannable block.
When to use
This page shows the Contact Info Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
Get in touch
- Address
- 123 Market Street
Springfield - Phone
- (555) 010-1234
- Hours
- Mon–Fri, 9–5
Center · Light 02 — bg: bgstyle-02 · align: center
Get in touch
- Address
- 123 Market Street
Springfield - Phone
- (555) 010-1234
- Hours
- Mon–Fri, 9–5
Right · Plain — bg: bgstyle-00 · align: right
Get in touch
- Address
- 123 Market Street
Springfield - Phone
- (555) 010-1234
- Hours
- Mon–Fri, 9–5
Center · Dark 05 — bg: bgstyle-05 · align: center
Get in touch
- Address
- 123 Market Street
Springfield - Phone
- (555) 010-1234
- Hours
- Mon–Fri, 9–5
Center · Image BG — bg: bgstyle-05 · align: center
Get in touch
- Address
- 123 Market Street
Springfield - Phone
- (555) 010-1234
- Hours
- Mon–Fri, 9–5
Field reference
| Field | Editor | Required |
|---|---|---|
| contactAddress / contactPhone / contactEmail | Text | — |
| contactHours | Textarea | — |