Site App Download Banner

App Download Banner

Take Zostel in your pocket: a line, what it does, the store buttons.

Preview

Take Zostel with you

Book a bed, find your stay, meet the people on the road.

111 Zostels, one tap away
Your bookings in one place
What's on, wherever you land

App Store Google Play

Usage

tsx

import { AppDownloadBanner } from "zostel-ui";

<AppDownloadBanner
  features={["111 Zostels, one tap away", "Your bookings in one place"]}
  appStoreUrl="https://apps.apple.com/…"
  playStoreUrl="https://play.google.com/…"
/>

Props

Prop	Type	Default	Description
`title`	`string`	`"Take Zostel with you"`	The line.
`description`	`string`	`"Book a bed, find your stay, meet the people on the road."`	One more.
`features`	`string[]`	`[]`	Ticked lines.
`appStoreUrl / playStoreUrl`	`string`	—	Shows each store button.
`qrCodeUrl`	`string`	—	A QR code picture beside it.
`className`	`string`	—	More classes, merged with the component’s own (tailwind-merge).

title

Type: string

Default: "Take Zostel with you"

The line.

description

Type: string

Default: "Book a bed, find your stay, meet the people on the road."

One more.

features

Type: string[]

Default: []

Ticked lines.

appStoreUrl / playStoreUrl

Type: string

Default: —

Shows each store button.

qrCodeUrl

Type: string

Default: —

A QR code picture beside it.

className

Type: string

Default: —

More classes, merged with the component’s own (tailwind-merge).