react-select-nes-css-theme

1.0.1 • Public • Published

NPM

react-select-nes-css-theme

A lightweight (zero-dependency) React-Select theme created to match NES.css styles.

Installation

Use either

yarn add react-select-nes-css-theme

or

npm install react-select-nes-css-theme

Usage

Simply import the theme object and pass it to the styles prop of the Select component.

import React, { useState } from 'react';
import Select from 'react-select';
 
import nesTheme from 'react-select-nes-css-theme'; // HERE: Import the theme object
 
const StyledSelectComponent = () => {
  const [value, setValue] = useState();
 
  return (
    <Select
      value={value}
      styles={nesTheme} // HERE: Pass the theme object as a prop
      onChange={setValue}
      options={[
        { value: 0, label: 'To be' },
        { value: 1, label: 'Not to be' },
      ]}
    />
  );
};
 
export default StyledSelectComponent;

License

MIT Licensed. Copyright (c) Wojciech Olejnik 2018.

Package Sidebar

Install

npm i react-select-nes-css-theme

Weekly Downloads

4

Version

1.0.1

License

MIT

Unpacked Size

5.88 kB

Total Files

5

Last publish

Collaborators

  • divoolej