A component-library and white-label theming solution for launchpad frontend applications
npm i @polymathnetwork/launchpad-ui@develop
See directory-structure for reference
- Put component definitions in
src/components/SomeComponent/index.tsx
- Place sub-components in the parent component directory (e.g.
src/components/SomeComponent/PartialComponent.tsx
)
- Place sub-components in the parent component directory (e.g.
- Put any necessary static styles in
src/components/SomeComponent/style.ts
- If extending theme-ui components, define default styling and variants in
src/components/SomeComponent/themeUIVariants.ts
- Import variants in
src/themes/baseTheme.ts
under appropriate variant groups - See https://theme-ui.com/components/variants for more information and details
- Import variants in
The src/icons/
directory is ignored by git and is generated from the svg files in svg-icons/
directory.
- Add the svg file in their respective directory under
svg-icons/
- Use
npm run build-icons
to build all icons
# To build separately
npm run transform-svg-icons -- --icons
npm run transform-svg-icons -- --logos
npm run transform-svg-icons -- --flags