The design system at Knock
npm install @telegraph/tokens
Pick one:
Via CSS (preferred):
@import "@telegraph/tokens"; (option: default.css, dark.css, light.css)
Via Javascript:
import "@telegraph/tokens/default.css"; (options: default.css, dark.css, light.css)
Scope styles:
<body className="tgph">
Note: If you only want to use telegraph in a certain part of your app, you would wrap that part in an element with the
tgphclass.
| Name | Version |
|---|---|
| @telegraph/nextjs |  |
| @telegraph/tokens |  |
| @telegraph/typography |  |
| @telegraph/button | |
| @telegraph/icon | |
| Name | Version |
|---|---|
| @telegraph/postcss-config |  |
| @telegraph/prettier-config |  |
| @telegraph/tailwind-config |  |
| @telegraph/vite-config |  |
| @telegraph/vitest-config |  |
| Name | Status |
|---|---|
| @telegraph/link | In Development |
| @telegraph/code | In Development |
| @telegraph/divider | In Development |
| @telegraph/select | In Development |
| @telegraph/badge | In Development |
| @telegraph/combobox | Planned |
| @telegraph/form | Planned |