hightouch

UI

Getting started

InstallUsageGuidelinesContributeRelease

Foundation

Colors

Layout

BoxColumnRow

Typography

CodeHeadingParagraphSection HeadingText

Navigation

LinkLink Button

Feedback

AlertBadgeDestination BadgeDestination Badge GroupEmpty StateLabel BadgeLabel Badge GroupPillProgress BarSkeletonSpinnerStatsStatus BadgeStatus IndicatorTagToast

Overlay

Confirmation DialogDrawerFilter MenuMenuTooltip

Forms

ButtonButton GroupCheckboxCheckbox GroupClipboard ButtonComboboxEditable DescriptionEditable HeadingFile InputForm FieldIcon ButtonMulti SelectNumber InputRadioSearch InputSelectSliderSlug InputSwitchTag InputTextareaText Input

Other

AvatarCode SnippetTabs

Upsells

Upsell BadgeUpsell ButtonUpsell CardUpsell DialogUpsell HeadingUpsell Success Dialog

Install

Install Hightouch UI via the following command:

npm install @hightouchio/ui @emotion/react @emotion/styled

Hightouch UI is hosted on GitHub Packages. It's required to log in first before installation:

  1. Create a personal access token with read:packages scope. If you intend to contribute to Hightouch UI and publish new releases, select write:packages scope too.
  2. Run npm login --owner=@hightouchio --registry=https://npm.pkg.github.com/ to log in.
  3. Enter your personal access token you've created earlier instead of a password.
  4. You're all set to install @hightouchio/ui package.