Match is a design system used to build accessible, consistent, and high quality public-facing experiences at Twilio.
@twilio-labs/match-icons-twiliopackage to install. Ensure that your license key is present in the
STREAMLINE_SECRETenvironment variable. We recommend setting this in your
~/.zshenvfile. Alternatively, you may create a
.env.localfile in the root of the project.
http://www.local.twilio.com. Please ensure that you have the following line in the
/etc/hostsfile on your machine:
Clone the Match repository anywhere on your computer...
git clone firstname.lastname@example.org:twilio-labs/match.git
Install and bootstrap Match dependencies...
yarn & yarn bootstrap
Visual Studio Code's Dev Container is the quickest and most reliable way to get up and running with Match.
When opening the
match folder in VSCode, you will be prompted to "Reopen in a Container". If you fail to click this button, just hit
cmd + shift + p and type
reopen then select "Remote-Containers: Reopen in Container". VSCode will build a Docker container with all of the Match dependencies installed and bootstrapped. Open a new terminal with
ctrl + ` and run one of the following commands.
|Starts the documentation website.|
|Starts the Storybook dev environment.|
|Starts both Storybook and documentation site.|