sncfdevelopers / wcs Goto Github PK
View Code? Open in Web Editor NEWWeb Components SNCF - Main repo : https://gitlab.com/SNCF/wcs
Home Page: https://gitlab.com/SNCF/wcs
License: MIT License
Web Components SNCF - Main repo : https://gitlab.com/SNCF/wcs
Home Page: https://gitlab.com/SNCF/wcs
License: MIT License
Remaining :
Implement the toggle component.
https://designmetier-bootstrap.sncf.fr/docs/4.3/components/checkboxes-and-radios/#switch
ref: https://designmetier-bootstrap.sncf.fr/docs/4.3/components/modal/
Font handling is quirky for now, we should investigate on these points :
Should we merge radial and progress bar into one and passing a prop for the mode ?
<wcs-progress mode="radial"></wcs-progress>
<wcs-progress mode="bar"></wcs-progress>
<!-- or -->
<wcs-progress-radial></wcs-progress-radial>
<wcs-progress-bar></wcs-progress-bar>
The ripple on the button does not work anymore.
Créer une liste d'utilisateur pilote pour lancer le projet et avoir des retours rapidement.
A contacter:
Box shadows are used in some places, e.g. cards, it would be nice to have box-shadow utilities provided by wcs.
Form group component containing support for :
Label
Hint
Error message
Required
API Design
Input, textarea
Tests
Doc
ref: https://designmetier-bootstrap.sncf.fr/docs/4.3/components/forms/
As of now the button does not have a clear mode. That is a mode where everything's transparent except the text until we hover.
This is really useful for icon only buttons.
Tab headers as well as content have no animation, they should have one so that it's clearer to the user that a change is happening.
According to this article, web components can make use of ngModel without further ado if configured correctly.
We should either make it work by default with ngModel or document and provide a way to do it.
Create a design system list in order not to have to think about which one we could compare to when designing APIs.
It would be even better if the list could have a ranking of some sort !
reflectToAttr
argument to the @Prop()
decorator is still used here and there. It must be replaced by the new reflect
argument.
A divider component would be nice as it is used in :
The design does not define a focused style for the different component.
Some effort has been done on the select but it is not sufficient.
More work should be done in order to find a focused styling that is coherent and reusable across components that can be focused, that is :
References :
The files :
- are still the default one from the stencil templates.
They should be updated for this project.
Implement textarea
ref : https://designmetier-bootstrap.sncf.fr/docs/4.3/components/forms/
wcs/dist/...
instead wcs/...
or change the way we distribute the package.Implement this component :
https://designmetier-bootstrap.sncf.fr/docs/4.3/components/forms/#range-slider
Tabs header are not focusable, they should be so users can navigate with the keyboard.
The block button should be removed from this package as user can create it themselves using native utilities.
The app-shell is not finished at all, it should at least work on mobile.
When we click on the checkbox on the select, the item and the checkbox state differs.
Migrate to v1+ of Stencil.
Breaking changes can be found here
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.