@yext/react-components
TypeScript icon, indicating that this package has built-in type declarations

0.0.6 • Public • Published

react-components


A library of React Components for rendering data of complex types in the Yext platform. See @yext/types for type declarations.

Directory

Currently providing the following react components, with plans for more to come in 1.0.0 release.

Component Type Demo
Image Image Storybook
Address Address Storybook
Hours Hours Storybook
HoursTable Hours Storybook
Map Coordinate Storybook

Getting Started

npm install @yext/react-components

Once the library is installed, our React Components should be available throughout your application.

import {
  Address as AddressType,
  Hours as HoursType,
  Image as ImageType,
  Coordinate,
} from "@yext/types";
import { Address, Hours, Image, Map } from "@yext/react-components";

interface LocationProps = {
  address: AddressType;
  hours: HoursType;
  c_storefront: ImageType;
  locationCoordinate: Coordinate;
}

const Location = (props: LocationProps) => {
  return (
    <>
      <Address address={props.address} />
      <Hours hours={props.hours} />
      <Image image={props.c_storefront} />
      <Map markerLocations={[props.locationCoordinate]} />
    </>
  );
}

export default Location;

Readme

Keywords

none

Package Sidebar

Install

npm i @yext/react-components

Weekly Downloads

1,073

Version

0.0.6

License

none

Unpacked Size

299 kB

Total Files

266

Last publish

Collaborators

  • gargsi
  • manash-rauta
  • rsalunke
  • johnnguyen
  • saivythik
  • scheerla
  • a_ashwik
  • slapshot-bot
  • ataing
  • prisharma
  • ttanushree
  • nlanjewar
  • abhishekbajpai
  • ajaybenno
  • tpotla
  • surya_yext
  • nbramblett
  • nsiskind
  • saahith
  • emilyzhang777
  • sscott24
  • ydaniel
  • junpark1213
  • dsurducan
  • afriedman00
  • lilwang
  • dgurland
  • dwon
  • htamirepi
  • ajgist
  • yunxiashi
  • emilyfranklin
  • msporer-yext
  • pgill
  • snagabhirava
  • twhiteyext
  • ewu42
  • bryanreed
  • dlsgusrn7577
  • klu
  • paigep
  • stellali
  • petya182
  • ptroupgalligan
  • syhanley
  • zhengzhi
  • mdavis-yext
  • jimboh
  • jballschneider
  • jknutsonn
  • jamesyang14
  • jfromm
  • tobyko
  • lymarrie
  • levyshi9945
  • mkilpatrick
  • baigel1
  • koyoldc
  • nricartsanchez
  • roser11
  • dkang3021
  • xlin97
  • mleifer
  • pmomesso
  • eefi
  • mxs2019
  • jaredhood
  • nmanu
  • jrhoads
  • npark
  • lki9419
  • mancusi
  • rchhatre
  • mtusman
  • mdavish
  • apavlick
  • yext_eng_npm
  • benmcginnis
  • kunal-p
  • data-enabler
  • tmeyer2115
  • mbowman
  • jronkin_yext
  • oshi
  • svc_jenkins_consulting_yext
  • cblair_yext
  • mwoon
  • willgorick
  • bhaines-yext
  • aliang_yext
  • zgeier
  • sgresh_yext
  • rconsalo
  • stephenrva
  • jbaik
  • sjayakumar
  • tritpham
  • ttimblin
  • sharvey
  • wenright-yext
  • npatel94
  • telliottyext
  • johncho92
  • canderson_yext
  • ssaunders
  • sukim
  • rpope
  • eal172
  • peteros
  • jachen1997
  • jesuyed
  • ytruong
  • joshuahsueh