StoreHubWeb Kit

Accessible controls and form compositions for merchant onboarding, demos, payments, loyalty, and day-to-day operations.

Textarea

src/components/components/forms/Textarea.astro
  • form
  • control
  • textarea
#

Include anything our team should know before your demo.

Usage
<Textarea label="Outlet notes" />

Select

src/components/components/forms/Select.astro
  • form
  • control
  • select
#

We will recommend the most relevant POS setup.

Usage
<Select label="Business type" />

Checkbox

src/components/components/forms/Checkbox.astro
  • form
  • control
  • checkbox
#

Notify your team before popular items run out.

Usage
<Checkbox label="Enable low-stock alerts" />

Radio

src/components/components/forms/Radio.astro
  • form
  • control
  • radio-group
#
Primary service model
Usage
<Radio legend="Primary service model" />

Toggle

src/components/components/forms/Toggle.astro
  • form
  • control
  • switch
#

Let customers receive receipts by email after payment.

Usage
<Toggle label="Send digital receipts" />

Form composite

src/components/components/forms/FormComposite.astro
  • form
  • composite
  • outlet-setup
#

Set up your outlet

Tell us how your business runs so we can tailor your StoreHub workspace.

We will recommend the most relevant POS setup.

Primary service model

Notify managers when ingredients or products are running low.

Optional details about payments, loyalty, or inventory.

Occasional tips for getting more from StoreHub.

Usage
<FormComposite title="Set up your outlet" />

Inline email capture

src/components/components/forms/InlineEmailCapture.astro
  • form
  • email
  • lead-gen
#

Monthly ideas for smarter sales, loyalty, and operations.

Usage
<InlineEmailCapture buttonLabel="Get StoreHub tips" />

Lead form

src/components/components/forms/LeadForm.astro
  • form
  • lead-gen
  • demo
#

See StoreHub in action

Share a few details and our local team will recommend the right POS, payments, and loyalty setup.

This helps us match the demo to your operations.

Usage
<LeadForm title="See StoreHub in action" />

Phone country input

src/components/components/forms/PhoneCountryInput.astro
  • form
  • phone
  • country-code
#

Use the number your outlet team can answer during business hours.

Usage
<PhoneCountryInput countryValue="+60" />