appnexus / lucid Goto Github PK
View Code? Open in Web Editor NEWA UI component library from Xandr.
Home Page: https://appnexus.github.io/lucid
License: Other
A UI component library from Xandr.
Home Page: https://appnexus.github.io/lucid
License: Other
As per David Maloney:
Here's what needs to happen to it so it matches the checkboxes:
Container: Needs to increase in size to 16px x 16px
Dot: Needs to bump up it's left and top positions to 4px
Glow: Needs to bump up it's left and top positions to 4px
describeWithDOM would lazily load and initialize jsdom when a test needed it, however it needs to be initialized before the React global is initialized or else React throws errors on render.
A toggle meant to be used as a replacement for a native radio button element.
Related Jira issue: ANXR-280
There is a warning on the console that stroke-width
should be strokeWidth
Occasionally we'll get an error about value
being undefined. This is typically caused by an issue with docs parsing. Let's add better error messages around it.
Related to ANXR-192.
Label associated with a form control (similar concept to the native HTML label element).
I think this was caused by #49
fade
to tint
and fix any hacks that are related to itAdd a Portal component.
We don't need to show all the props for individual icons, they don't really make sense at that level.
Also, the icons need to be normalized to fit a 16px square box so we don't need to handle one off padding per icon.
There is a bug with getAllAsProps
in the child-components
file. We should also change some of the names of those functions to be more clear.
GitHub has a new PR template feature. We should add one that reminds people to test cross browsers, unit test, etc.
Update the color palette to match designs
#86... but with a switch. :)
A toggle that uses the on/off switch visualization made popular by smartphone OSes to reflect its current state. This is meant to be used as a replacement for a native check box element.
Related Jira issue: ANXR-216
For some reason the composes
feature of docgen isn't working with ContextMenu
.
ValidatedTextField
componentonSubmit
callback with standard (value, { event, props }) => {}
signatureThis would match it with the behavior of a regular TextField
adding normalize to our stack
Tweaks in how they're built up following how I decided to do them for the in progress RadioButton
component.
some components have requried props or children and generic-tests needs a way to pass those in. also generic-tests uses displayName
all over the place but never tests that it exists in the first place, so it's confusing when an unrelated test breaks.
Related to ANXR-193.
Create a new component Tabs
.
Still discussing whether this should be a new LabeledRadioButton
composite component that leverages RadioButton
or some other approach (I think we're all in agreement that we don't want to add label
as a prop to RadioButton
).
Here is the relevant section of code that would need to be modified. We'll want to use Link
from react-router
with something like this:
<Link to={`/components/${componentName}`}>...</Link>
we need an set of SVG icons.
#86... but with a check box. :)
Related to ANXR-279
Current signature on Tabs
onSelect
:
(index, props) => {}
Proposed signature:
(index, { event, props }) => {}
when passing child components as a props array, all element must be the same shape or a warning message is logged, it should support differently shaped, valid elements in the same child component props array.
The stateful Tabs aren't working. I have a hunch this might be related to #87.
The problem is because I included normalize in the docs page. Looks like our styling for the RadioButton
was implicitly relying on some browser styles.
As part of our common
tests, we should make sure the component hangs off our index file. This should help reduce the number of times we forgot to add a component to the index file.
Component.composes
which suits our need.Build a banner component
Related to jira ticket ANXR-194
tests should be added for existing util modules
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.