Once I added size props with value = 'tiny'
_Determines the size of the component. Can be giant, large, medium, small, or tiny. Default is medium._
Input: unsupported configuration.
Check one of the following prop values {
"appearance": "default",
"variants": [
"tiny"
],
"states": []
}
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/components/input/api
Current behavior:
The size was not changed
Expected behavior:
Show small Input
import React from 'react';
import { Input as UIKInput } from 'react-native-ui-kitten';
export default function Input(props) {
return <UIKInput {...props} size="tiny" style={{ marginBottom: 20 }} />;
}
OS, device, package version
OS: Linux 4.15 Ubuntu 16.04.4 LTS (Xenial Xerus)
CPU: (4) x64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz
Memory: 123.69 MB / 5.73 GB
Shell: 5.1.1 - /usr/bin/zsh
Binaries:
Node: 10.15.0 - ~/.nvm/versions/node/v10.15.0/bin/node
Yarn: 1.6.0 - /usr/bin/yarn
npm: 6.4.1 - ~/.nvm/versions/node/v10.15.0/bin/
npmPackages:
react: 16.8.3 => 16.8.3
react-native: ^0.59.10 => 0.59.10
npmGlobalPackages:
react-native-create-library: 3.1.2
Hi 👋
We're sorry, but this is a documentation issue. You can use one of the following sizes: small, medium, or large
Thanks for reporting this
@artyorsh can we customize input style so that it is even smaller then small.? i tried changing minHeight:20 but it doesn't change height of input. it seems like minHeight stays at small i.e 40 even if i change it.
Just noticed this is quite tricky to do that with inline styling. Thanks for the question
You can try doing this with extending Eva configuration.
Using this guide you can simply add a tiny variant, configured like any other size variant.
Feel free to ask for help here
Example
This will extend an Input configuration, so you're able to pass a tiny value into a size property
Thanks @artyorsh. I will try this.
Most helpful comment
Hi 👋
We're sorry, but this is a documentation issue. You can use one of the following sizes:
small,medium, orlargeThanks for reporting this