Amenity Card

A compact card for showcasing individual hostel amenities with an icon, title, and short description.

Preview

Free WiFi

Cafe

Bonfire

Treks

tsx

import { AmenityCard } from "zostel-ui";

<AmenityCard
  icon={<WifiIcon />}
  title="Free WiFi"
  description="High-speed internet"
/>

Prop	Type	Default	Description
`icon`	`ReactNode`	—	Icon element displayed in the card
`title`	`string`	—	Amenity name
`description`	`string`	—	Short description of the amenity
`className`	`string`	—	Additional CSS classes

icon

Type: ReactNode

Default: —

Icon element displayed in the card

title

Type: string

Default: —

Amenity name

description

Type: string

Default: —

Short description of the amenity

className

Type: string

Default: —

Additional CSS classes