GithubHelp home page GithubHelp logo

ssagov / uef-vscode-extension Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 0.0 1.76 MB

A set of User Experience Framework (UEF) Snippets for Visual Studio Code.

License: Other

HTML 100.00%
design-system visual-studio-code vscode-extension

uef-vscode-extension's People

Contributors

craigcecilssa avatar josephamalfitanossa avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

uef-vscode-extension's Issues

Add Live Editing of Design Tokens

Add the ability to perform live editing of design tokens (CSS Custom Variables) and see prototype changes instantly.

This would require:

  • Using split windows in VS Code to see the CSS variables and the prototype page changing
  • Tutorial to show how to accomplish this

Add support for UEF 3 Web Components

Add snippets to support all of the new UEF 3 web components.

The main loader file would be uef3-web-components.esm.js. All modern browsers should support ES Modules and use the esm version.

Modify !!uef3 snippet to load this file.

Create new !!uef3-theme snippet to insert the theme file for UEF 2.x

Modify all UEF Page snippets to have line breaks between INSERT XXX statements (otherwise, they are all running together)

Please create/add some way to create header login/user number

Please add an easy way to create a User name and supporting ID to indicate a logged-in state for users within mySSA or an application. Here is an example of something that might work:

[First Name, Last Name]
[ID Number (ssn/rep ID/emp number)]

Thanks!

Buttons need "link" indication

UEF snippet for button is difficult to use without knowing how to make it work. Please add help text or directions.

Example:

<uef-button primary="false" target="#" name="insert-id">[Button]</uef-button>

Provide Snippets list as PDF

Provide a PDF version of the Markdown snippets list, in order to be able to open the PDF version in a browser tab, while your web page is open in another tab.

Radiolist item

uef-radio-list-item snippet is not putting in support-info class, please add.

Example:

<uef-radio label="[Option X]" value="option-X"></uef-radio>

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.