diff --git a/CHANGELOG.md b/CHANGELOG.md index 6cfca3d..03ab375 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,7 @@ ## [CoreUI](https://coreui.io/) for [react](./REACT.md) changelog ##### `v2-next` -- feat(Forms): FormFeedback valid +- feat(Forms): FormFeedback valid, toggleFade ##### `v2.0.3` - refactor: disable `ServiceWorker` by default diff --git a/src/views/Base/Forms/Forms.js b/src/views/Base/Forms/Forms.js index ddd3850..e8db662 100644 --- a/src/views/Base/Forms/Forms.js +++ b/src/views/Base/Forms/Forms.js @@ -12,6 +12,7 @@ import { DropdownItem, DropdownMenu, DropdownToggle, + Fade, Form, FormGroup, FormText, @@ -29,13 +30,22 @@ class Forms extends Component { super(props); this.toggle = this.toggle.bind(this); - this.state = { collapse: true }; + this.toggleFade = this.toggleFade.bind(this); + this.state = { + collapse: true, + fadeIn: true, + timeout: 300 + }; } toggle() { this.setState({ collapse: !this.state.collapse }); } + toggleFade() { + this.setState((prevState) => { return { fadeIn: !prevState }}); + } + render() { return (