zaydek / stylex-extend

Proof of concept repo demonstrating support for inline/atom made possible by @nonzzz's @stylex-extend/* packages

Early support for inline or atom in StyleX

This repo aims to demonstrate what it might feel like to mix-and-match the conventional StyleX stylesheet API with inline styles made possibly by @nonzzz's packages:

@stylex-extend/core
@stylex-extend/react
vite-plugin-stylex-dev

This repo relates to the StyleX issue: [RFC] Defining styles inline #534.

Try it yourself

Clone this repo and install the NPM dependencies using npm i or equivalent. Then run npm run dev to start the development server. You can also run npm run build to build the distribution directory dist.

Extra

Deployed here: https://664c91e75cdabe18b4a153f8--ornate-paletas-1d9edc.netlify.app/

Press [ to toggle the modal-style dialog ] to toggle the alert-style dialog.

Screen.Recording.2024-05-21.at.5.18.49.AM.mov