Giter Site home page Giter Site logo

lumapps / design-system Goto Github PK

View Code? Open in Web Editor NEW
23.0 23.0 7.0 236.41 MB

The official LumApps Design System (LumX) for AngularJS and React applications

License: MIT License

JavaScript 9.71% HTML 0.91% TypeScript 75.82% Dockerfile 0.01% Makefile 0.03% SCSS 9.37% Shell 0.02% CSS 1.44% EJS 0.08% MDX 2.60%
angularjs design-system react

design-system's People

Contributors

armasson avatar arnaudvalle avatar aureldent avatar banshisquare avatar chocazimut avatar dependabot[bot] avatar fafnor avatar flo5k5 avatar florentdinet avatar gcornut avatar gregorycat avatar guillaumenachury avatar hchevallier avatar jeromepin avatar juanigalan91 avatar juliengleyse avatar laurentmox avatar lionelmoi avatar lumautomation avatar matmkian avatar maximevast avatar mcastagnetti avatar mcourt avatar pidupuis avatar radiuso avatar sophiechristophe avatar tleveque69 avatar toto-victoto avatar vanessarich avatar zackarykonate avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

design-system's Issues

Notification Extended

Add a new kind of notification providing context and actions. Make it work with previous notifications in a stack in the bottom right corner of the screen

Rework disabled state accessibility

We currently use disabled to disable HTML elements in the DS. This prevents the element from being focused and also prevent any mouse event which is bad for a11y.

Typescript: Add React.Component to SideNavigationItem label type

[DISCUSSION]
As I use the SideNavigation, I want to put in each of the SideNavigationItem a custom Component used to handle translation in my app (similar to react-intl). It has to be a component because it's a consumer of a provider, providing the translations for the app.

An so I open this issue to discuss the idea to add React.Component as an additonnal type on the label of a SideNavigationItem. All of this is only to avoid putting a //@ts-ignore but may be usefull for other people.

It may also be worth keeping in mind that kind of thing for other components with labels or when restricting the way to use a component.

https://github.com/lumapps/design-system/blob/master/packages/lumx-react/src/components/side-navigation/SideNavigationItem.tsx

Composant DatePicker

Bonjour,

L'attribut locale du composant "DatePickerField" n'est pas pris en compte. En lui passant FR, les dates sont toujours au format anglais.
<DatePickerField locale="fr" label="Pick a date" value={new Date()} onChange={setDatePicked} nextButtonProps={{ label: 'Next month' }} previousButtonProps={{ label: 'Previous month' }} />
image

Documentation for AngularJS version

Hi, thanks for the amazing project. Been a long-time follower for the old angularjs version on https://ui.lumapps.com, but with the poor support on that project I searched and found this one, seems most of the components been updated and new ones added, I am very excited to update the version I have, but I couldn't find any documentation for the AngularJS version.

The docs on https://design.lumapps.com seems for React, I appreciate your kind help.

Rework disabled state accessibility

We currently use disabled to disable HTML elements in the DS. This prevents the element from being focused and also prevent any mouse event which is bad for a11y.

Combobox component family

Create the perfect Combobox component. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it

bruno

It’s a big big description !!!

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.