search

callstack / react-native-paper

Material Design for React Native (Android & iOS)
https://reactnativepaper.com
MIT License
13k stars 2.1k forks source link

TextInput.Affix Documentation #4529

Open hugs7 opened 1 month ago

hugs7 commented 1 month ago

Current behaviour

I noticed the screenshot on the TextInput.Affix documentation page shows an incorrect screenshot. Am referring to page: TextInput.Affix from the documentation website for react-native-paper.

The screenshot shows an example from TextInput.Icon instead. Is this able to be fixed. The code in the example doesn't match the screenshot

image

but the code is 

return (
    <TextInput
      mode="outlined"
      label="Outlined input"
      placeholder="Type something"
      right={<TextInput.Affix text="/100" />}    // This should show "/100" at the right of the input
    />
  );

Expected behaviour

The screenshot on the page should show something like this with the /100 visible on the right. (Different placeholder but am just referring to the right attribute.)

image

How to reproduce?

Please see page https://callstack.github.io/react-native-paper/docs/components/TextInput/TextInputAffix

Preview

See above

What have you tried so far?

N/A

Your Environment

N/A