Trezor.io
eShop Components
React components adapted from the trezor.io production codebase. All use CSS custom properties from our design token architecture.
Component Index
| Component | Source | Dependencies stripped |
|---|---|---|
| Button | Basic/Button | — |
| Badge | Basic/Badge | Typography (inlined) |
| Tag | Basic/Tag | Typography (inlined) |
| Container | Container | — |
| Typography | Typography/Text | — |
| IconCircle | Basic/Icon/IconCircle | — |
| Message | Basic/Message | Lingui, icon imports (inlined SVGs) |
| Checkbox | Basic/Checkbox | react-hook-form, icon imports (inlined SVGs) |
| Input | Basic/Input | react-hook-form |
| Accordion | Basic/Accordion | usehooks-ts, ContainerLink, ExpandingCaret |
| Tooltip | Basic/Tooltip | react-tooltip (CSS replacement) |
| Modal | Basic/Modal | Lingui, useBodyScrollLock |
| CTABanner | Basic/CTABanner | Lingui, GTM, LinkButton, H2 |
| FeatureCard | Basic/FeatureCard | — |
Import
// Individual imports
import { Button } from '@/components/eshop/Button';
import { Container } from '@/components/eshop/Container';
// Barrel import
import { Button, Container, Message } from '@/components/eshop';