Skip to content

This repo is hosting a bunch of UI elements used in https://columns.ai which we think it may be valuable to share

Notifications You must be signed in to change notification settings

varchar-io/elements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Columns Elements

While developing https://columns.ai, we end up making some good UI components based on React, MUI and other projects. We think other people/projects may like them and find value them.

So we pick those common components into this repo and open it to all. Contributing back to the community. We look forward to your feedback and welcome any contributions.

This repo is released under Apache License 2.0.

Run examples

Current repo is an react app, run it by yarn start simply. The app is single page demoing all the components.

Palette Maker

While working with data visualizations, we would like to enable users to set their own palette to style thier graphs. So palette maker is the one we use to interact with users. Check out this story example ( LINK ) to view how color was customized.

To use it

// interpolate is the method to produce palette list with color values
import { interpolate } from './components/common';
import { PaletteMaker } from './components/PaletteMaker';
<PaletteMaker onchange={(p) => interpolate(p.begin, p.end, p.steps)} />

PaletteMaker Look

More to come...

Reach out via Github issue or [email protected]

About

This repo is hosting a bunch of UI elements used in https://columns.ai which we think it may be valuable to share

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published