react-bootstrap-xeditable-loom
X-Editable for React with Bootstrap.
Inspried by kunyan/react-bootstrap-xeditable
Updates to this Readme will follow after ... everything is mostly done.
Install
# npm npm install react-bootstrap-xeditable # yarn yarn add react-bootstrap-xeditable
import bootstrap css and xeditable css
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://vitalets.github.io/x-editable/assets/x-editable/bootstrap3-editable/css/bootstrap-editable.css">
Usage:
TextField
import {EditableTextField} from 'react-bootstrap-xeditable';
Select
const options = text: 'China' value: 'CN' text: 'India' value: 'IN' text: 'United Kingdom (UK)' value: 'UK' text: 'United States of America (USA)' value: 'USA' ;
import {EditableSelect} from 'react-bootstrap-xeditable';
Progress:
- ✅ : Supported
- 🏃 : In Progress
- 💭 : Planning
Element | Support | ReactXElement |
---|---|---|
textfield | ✅ | EditableTextField |
select | ✅ | EditableSelect |
textarea | ✅ | EditableTextArea |
date | 💭 | |
datetime | 💭 | |
select2 | 💭 |
TypeScript:
No. See kunyan/react-bootstrap-xeditable for a Typescript integrated version.
Known Issues:
- Only support inline mode
- onBlur not support yet
License
Licensed under the GPL-3.0 license. Copyright (C) 2016 Kun Yan