GithubHelp home page GithubHelp logo

Comments (5)

chensce avatar chensce commented on August 16, 2024

can you be kind enough to provide some guide about source code

from quant-ux.

chensce avatar chensce commented on August 16, 2024

I want to know how to extend quant-ux to support semi design(https://semi.design)

from quant-ux.

KlausSchaefers avatar KlausSchaefers commented on August 16, 2024

Hi,

if you have cloned the repo you can delete it in yours. I would like to keep it, because at some point of time I might still need it.

If you want to create new elements, take a look at the "SymbolService". There, all the elements are registered. Usually it is a JSON file in the template folder, e.g.

[
 {
	 "id" : "Box",
	 "type" : "Box", // her choose the correct widget type
	 "category" : "WireFrame",
	 "subcategory" : "ABox",
	 "_type" : "Widget",
	 "name" : "Rectangle",
	 "x" : 0,
         "y" : 0,
         "w" : 100,
         "h" : 40,
         "z" : 0,
         "props" : {},
         "has" : {
            "backgroundColor" : true,
            "border" : true
         },
         "actions":{},
         "style" : { 
    	     "fontFamily" : "Helvetica Neue,Helvetica,Arial,sans-serif",
    	     "borderTopRightRadius" : 0,
             "borderTopLeftRadius" : 0,
             "borderBottomRightRadius" : 0,
             "borderBottomLeftRadius" : 0,
             "borderTopWidth" : 1,
             "borderBottomWidth" : 1,
             "borderRightWidth" : 1,
             "borderLeftWidth" : 1,
             "borderTopColor" : "#333333",
             "borderBottomColor" : "#333333",
             "borderRightColor" : "#333333",
             "borderLeftColor" : "#333333",
             "background" : "#ffffff"
         }
     }
]

from quant-ux.

KlausSchaefers avatar KlausSchaefers commented on August 16, 2024

Take also a look here:

https://quant-ux.com/#/opensource.html

from quant-ux.

chenshuichao avatar chenshuichao commented on August 16, 2024

Thank you!

from quant-ux.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.