Skip to content

omid-tansaz/aor-color-input

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<ColorInput>

A color picker for admin-on-rest using React Color, a collection of color pickers.

color-input.gif

Installation

npm install aor-color-input --save-dev

Usage

import React from 'react';
import {
    Edit,
    TextInput,
    LongTextInput,
} from 'admin-on-rest/mui';

import ColorInput from 'aor-color-input';

export const PostEdit = (props) => (
    <Edit {...props}>
        <TextInput source="title" validation={{ required: true }} />
        <LongTextInput source="body" validation={{ required: true }} />
        <ColorInput source="color" />
    </Edit>
);

You can customize the color picker using the picker attribute.

<ColorInput source="color" picker="Sketch"/>

Pickers

  • Alpha
  • Block
  • Chrome (default)
  • Circle
  • Compact
  • Github
  • Hue
  • Material
  • Photoshop
  • Sketch
  • Slider
  • Swatches
  • Twitter

License

This library is licensed under the MIT Licence.

About

<ColorInput> component for admin-on-rest

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 91.0%
  • Makefile 5.5%
  • CSS 3.5%