https://github.com/zaydek/stylex-extend
Proof of concept repo demonstrating support for inline/atom made possible by @nonzzz's @stylex-extend/* packages
https://github.com/zaydek/stylex-extend
Last synced: 10 months ago
JSON representation
Proof of concept repo demonstrating support for inline/atom made possible by @nonzzz's @stylex-extend/* packages
- Host: GitHub
- URL: https://github.com/zaydek/stylex-extend
- Owner: zaydek
- Created: 2024-05-21T09:51:37.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-21T12:50:31.000Z (about 2 years ago)
- Last Synced: 2025-05-06T19:12:51.976Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 76.2 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 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](https://github.com/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](https://github.com/facebook/stylex/issues/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.
https://github.com/zaydek/stylex-extend/assets/58870766/219392dd-7e52-4b76-b52f-04eb738df85b