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/compose-refs |  |
| @telegraph/helpers |  |
| @telegraph/postcss-config |  |
| @telegraph/prettier-config |  |
| @telegraph/style-engine |  |
| @telegraph/vite-config |  |
| Name | Status |
|---|---|
| @telegraph/color-picker | Planned |
| @telegraph/data-list | Planned |
| @telegraph/dialog | Planned |
| @telegraph/divider | Planned |
| @telegraph/form-control | Planned |
| @telegraph/link | Planned |
| @telegraph/spinner | Planned |
| @telegraph/tab | Planned |
| @telegraph/textarea | Planned |
| @telegraph/toast | Planned |
| @telegraph/toggle | Planned |