Klarhimmel UI

Contact prompt

How to reach you: form, booking slots, offices or a single email.

Prompt

Prompt

Use the klarhimmel-design skill. Build the contact section for {business}: {channels}. Install: npx shadcn add @klarhimmel/contact-form @klarhimmel/contact-minimal @klarhimmel/contact-offices @klarhimmel/contact-booking (remove what you do not use) Pick: - contact-form: details beside a message form - contact-minimal: one big email link and quiet details - contact-offices: a card per office with hours - contact-booking: options beside static time slots Props: labels for every field; details as short lines; action (optional) for the landing page. Leave a field empty to drop its line. Copy: Say when a reply comes ("we answer within one working day"). No fake phone numbers: use .example addresses in samples. Accessibility: Every input has a label; the form announces errors as text. Email and phone are real links (mailto:, tel:). The block never submits: listen for submit in the page. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: every field labelled; reply time stated; submit handled in the page.

Variables

VariableWhat to fill inExample
{business}Who is being contactedExempelhotellet
{channels}How people can reach youa message form, phone, reception hours

A good result

Every field labelled. Reply time stated. Submit handled in the page.

checklist.md
- [ ] every field labelled
- [ ] reply time stated
- [ ] submit handled in the page