search

FormidableLabs / react-native-zephyr

TailwindCSS-inspired styling library for React Native.
https://formidable.com/open-source/react-native-zephyr/
MIT License
347 stars 5 forks source link

Docs/extended color palette #30

Closed JDMathew closed 1 year ago

JDMathew commented 1 year ago

Fixes #12

What?

This PR adds a Color Pallet reference component which is used in the Extending the Color Palette page of the docs (mdx)

Why?

The Color Pallet reference component adds a convenient way to display a quick reference to the extended color pallet

How?

MDX was used to make the reference dynamic so the docs auto update when colors are updated

Screenshots

localhost_3000_open-source_react-native-zephyr_extending-color-palette (1)

JDMathew commented 1 year ago

This builds on local but there may be an issue with the import reference to twColors for production

JDMathew commented 1 year ago

@gksander, I played around with absolute reference for importing the twColors object from zephyr package but ran into a bunch of dependency issues and so have left it as a relative import.