A library for Polymath's custom UI components. Check out the library live here!.
After cloning, run yarn
to install all dependencies.
Then run docz:dev
to launch the component playground using Docz.
To run tests:
yarn test
Heading
and Paragraph
primitives that have default, overridables, margins).
The component styles should not take into consideration its position in the app. It should be displayable anywhere.
You will use the primitives to "layout" your components in the final page (where they are being used).Don't
<Component style={{ marginTop: '30px' }} />
Do
<Box mr={30}>
<Component />
</Box>
Don't
<Page centered />
Do
<Page />
<PageCentered />
Parent.Child
pattern..mdx
file.#000
(or replace the hex value in the following command by the color of your SVG)images/{folder}
npx @svgr/cli --icon --replace-attr-values "#000=currentColor" --ext tsx -d images/{folder}/generated images/{folder}
images/icons/index.ts
to export the icon componentex: npx @svgr/cli --icon --replace-attr-values "#000000=currentColor" --ext tsx -d ./src/images/icons/generated ./src/images/icons