joshpoll / bluefish

Create beautiful, customizable visualizations in React.
http://bluefishjs.org
MIT License
17 stars 2 forks source link

Alignment guides #10

Open joshpoll opened 1 year ago

joshpoll commented 1 year ago

Components like text need additional guidelines like baseline to be used effectively. TeX equation layout also requires guidelines. Custom images, too, often have natural guidelines that need to be used sometimes. This is a pretty standard part of declarative UI frameworks, and we could probably just copy their approach. On the other hand, alignment guides could just be seen as another custom interface (see above)

joshpoll commented 1 year ago

This is actually also useful for simplifying the Align API:

<Align>
  <Text guidePrimary={'leftCenter'} ... />
  <Text guidePrimary={'topCenter'} ... />
</Align>