Simple and customizable react file input with a11y in mind

收藏待读

Simple and customizable react file input with a11y in mind

React File Button

Simple and customizable react file input with a11y in mind.

Install

yarn add react-file-button / npm install react-file-button --save

Use

import FileButton from 'react-file-button';

const customButtonStyle = {
  background: '#0fc',
  fontSize: 18,
  border: 0,
  padding: '20px 40px',
  borderRadius: 4,
  color: '#000',
  display: 'inline-block',
};

 (
    
{files.length ? `Files chosen: ${files.length}` : 'Chose files'}
)} />;

Props

All input props available plus renderButton: (value: string, files: FileList | []) => ReactNode that renders a custom button. Takes two arguments: value and files and should return react node. className and style properties will apply on component root (label).

Latest version uses hooks and requires [email protected] to work. You can use 1.x version if don’t want that.

原文 : Github

相關閱讀

免责声明:本文内容来源于Github,已注明原文出处和链接,文章观点不代表立场,如若侵犯到您的权益,或涉不实谣言,敬请向我们提出检举。