layout

@frontend_mono/awwwards-contact

Awwwards contact component

Version: 1.0.0

Slug: awwwards-contact

Live preview enabled

Install

npm i @frontend_mono/awwwards-contact

Usage

import awwwardsContact from '@frontend_mono/awwwards-contact'<awwwardsContact />

Demo props

const contactProps = {
  avatarSrc: 'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=800',
  titleTop: "Let's build",
  titleBottom: 'something memorable',
  email: 'hello@studio.dev',
  phone: '+65 9000 0000',
  socials: ['Instagram', 'X', 'LinkedIn']
}

<awwwardsContact avatarSrc={imageUrl} />

Install

Usage

Demo props

How it looks when used