The inner Box is set to 15% width and 100% height, the link color to white.
Outer Box is:
Can I build components in just html/css?
Dear @yuzl , I realized that high ui-customization is not supported in Alva, at least by the GUI design mode. But we can actually write our own React Components and connect to Alva, use GUI design mode to drag and drop our components, click and select the properties, link and migrate the variables, am I think right? Is that the main idea of Alva ? Another question, can I use jsx to write React instead of tsx ?
For React coder, like myself, create Components by code is easy, but I can't see a clearly docs in your official site, hope it could be better, and I think, Alva is very likely with Framer X, both use React components into GUI design mode, and focus on design-system, interaction-design, prototype
I am new in meetalva
I want to add the library Ant Design like a library
But I have some problems with the installations. Alva expect to find the index.d.ts in a lib folder but in my case that file is in typing. Naturally I create a new folder called lib with the content of typing, Alva sees the library but I don't see any component of my library in the alva application.
Dear @yokiijay, yes you are right. Composing React components into responsive hi-fi prototypes with interactions, states and logic is the main purpose of Alva at the moment. But we do not what to stop their and have plans to lower barriers and enable more design freedom within Alva in the future! Our docs have much room for improvements :) Compared to FramerX, Alva is entirely build based on actual web technology including e.g. the DOM. The Preview in Alva is basically a browser window. We believe, this approach has much more potential!
Dear @Momar-NDIAYE thank you for checking out Alva. Our goal is that with one click you can connect any React/TS library in near future (and even more than React in the future) we are not fully there though. Until then, Alva needs some help to properly understand the libraries. Please check out our guides for custom libraries: https://meetalva.io/doc/docs/guides-dev/install-local-library.html?guides-dev-enabled=true
We gonna keep you updated! Cheers, Yuri :)
Hi, I just downloaded Alva-0.9.1.dmg (for OSX) and clicked on Get Started, but it opens browser to https://meetalva.io/doc/docs/guides/start?guides-enabled=true which doesn't exist.
I see the correct off the main homepage now from "Get Started" button...
Dear @yuzl , thanks for your answer, after few days learning Alva, now I see a huge potential in Alva in the future, I sincerely hope that your team will produce a complete document as soon as possible, because without it I'm struggling trying to accept this workflow in real-time, I read your official source of Essential components, such as @name @default @group @control @icon, those are not in the document but really important for UI panel structure, I hope it can be complete ASAP so that I can contribute to the Alva community.
Hey @yokiijay first of all: Thank you for your interest and reaching out to us. As Alva is still in quite raw state, we live from your feedback. You are absolutely right and it's good that you stress the documentation topic so much. We haven't had the time to work on Alva that we would like to have lately – that also affects our not-so-up-to-date documentation. That being said, we are working hard on shaping an environment where we can fully commit on Alva and our vision of the fusion of digital design and development.
I will do my best to gather the information for UI panel structure you ask for as soon as possible.
Hello, I just started using Alva and used the download link on the frontpage. But I just (after a few hours of searching and trying to figure out libraries and building one using the terminal), that the Beginners guide are written for Alva Canary, not Alva. Meaning the other download link.
There is no mention of this in the beginner guides, that the download link will not match the beginners guide.
Another thing, in the "getting started guide" there is no information about if some elements are supposed to be inside other elements. Is it a good idea to create a box (essentials) for an entire page for instance? What is a section (meetalva/alva-design) and what purpose does it serve?
Yet another thing: Where do I set the colors that are main and alternative?
What am i missing?
xavi Mario Nebl (Gitter) ☝️
xavi ndelangen seemed interested and storybooks seem very actively maintained. would be a great addition to alva imho.
I am not able to find a single tutorial based on it.
Hi, is there a straightforward way to use an existing React app as the Alva components? For example, I'm using https://www.creative-tim.com/product/argon-design-system