mirror of https://github.com/trezor/trezor-suite.git synced 2026-03-22 23:27:18 +01:00

Files

Peter Sanderson 0549ee8557 feat(suite): refactor of the backup type

feat(suite): use FloatingUI to do the dropdown

2024-05-13 10:54:29 +02:00

.storybook

chore(suite): remove addon knobs (#9531 )

2024-01-29 14:13:13 +01:00

public/fonts

fix(suite): fonts

2024-01-29 14:13:13 +01:00

src

feat(suite): refactor of the backup type

2024-05-13 10:54:29 +02:00

CHANGELOG.md

Merge and refactor components (#1240 )

2020-02-22 13:53:33 +01:00

LICENSE.md

…

package.json

fix(suite): remove truncate

2024-05-03 14:39:38 +02:00

README.md

chore(components): mention transport-bridge in readme

2024-04-29 15:17:47 +02:00

styled.d.ts

style(suite): make boxShadow be handled via theme + whole AssetCard is clickable

2024-01-29 14:13:13 +01:00

tsconfig.json

chore(suite): flagship model constant

2024-04-20 00:56:35 +02:00

README.md

@trezor/components

This repository contains components, images and hooks that do not depend on Suite-specific context, i.e. can be used in other Trezor-related projects as well (Suite, @trezor/connect-ui, @trezor/transport-bridge etc...)

Storybook

Each component can be inspected separately in Storybook. Stories are deployed automatically by a nightly pipeline via storybook-build command to https://suite.corp.sldev.cz/components/develop. To see your local changes, run Storybook locally:

yarn workspace @trezor/components storybook

Icons

Icons in Suite are SVGs stored in src/images/icons and accessed via icons.ts. The SVGs should follow a set of rules so that they are efficient and easy to handle:

minify the icon file by an optimizer
the icon should be defined by fills rather than strokes - you can use an online tool or ask the designer if it does not work properly
edit the SVG so that it's width, height, opacity, fill etc. are not defined - this should be handled by Suite
if needed, the space around the icon can be cropped using an online tool and/or by tweaking the viewBox property