From 144388439d64e049cbed4e37659e819856d6987f Mon Sep 17 00:00:00 2001 From: "K. P. Sroka" Date: Tue, 6 Feb 2018 16:56:26 +0100 Subject: [PATCH] docs: Adding screenshots for TextInput (#233) --- docs/assets/screenshots/textinput.focused.png | Bin 0 -> 9452 bytes docs/assets/screenshots/textinput.unfocused.png | Bin 0 -> 5157 bytes src/components/TextInput.js | 11 +++++++++++ 3 files changed, 11 insertions(+) create mode 100644 docs/assets/screenshots/textinput.focused.png create mode 100644 docs/assets/screenshots/textinput.unfocused.png diff --git a/docs/assets/screenshots/textinput.focused.png b/docs/assets/screenshots/textinput.focused.png new file mode 100644 index 0000000000000000000000000000000000000000..5ddb52e0aa3cf1c022fea789a0819f688df07241 GIT binary patch literal 9452 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 literal 0 HcmV?d00001 diff --git a/src/components/TextInput.js b/src/components/TextInput.js index 9a339df7df..a67c867183 100644 --- a/src/components/TextInput.js +++ b/src/components/TextInput.js @@ -69,6 +69,17 @@ type State = { /** * TextInputs allow users to input text. * + *
+ *
+ * + * Unfocused + *
+ *
+ * + * Focused + *
+ *
+ * * ## Usage * ```js * class MyComponent extends React.Component {