\n
\n```\n\n\n\n## 2. Validation\nUsage\n*(you can use custom validation with inputs just maintain the same object structure)\n\n```js\nimport { Validation } from 'com.my-clay.react.ui';\n\nValidation.validateEmail('value@this.com')\n/* returns validation object {\n valid: true,\n message: undefined\n}\n*/\n\nValidation.validateEmail('unValidInput')\n/* returns validation object {\n valid: false,\n message: 'Invalid email address'\n}\n*/\n\nValidation.validatePassword('short')\n/* returns validation object {\n valid: false,\n message: 'Password is to short'\n}\n*/\n\nValidation.validateNotEmpty('')\n/* returns validation object {\n valid: false,\n message: 'Cannot be empty'\n}\n*/\n\nValidation.validateNotEmpty('', 'Custom error message')\n/* returns validation object {\n valid: false,\n message: 'Custom error message'\n}\n*/\n```\n\n## 3. Img\nUsage\nThe Img component renders an ![\"Logo\"](\"/assets/logo.png\" "\\"Logo\\""){kind=logo}
\n\n**For retina dispay\n![\"Logo\"](\"/assets/logo@2x.png\" "\\"Logo\\""){kind=logo}
\n```\n\n\n## 4. Loading Component\nUsage\nThe Loading component wraps a single Html element that will be shown if the IsLoading property is false, otherwise it will show a spinner if\npassed trough the spinner prop or a text that by default is 'Loading..' if no loadingText is passed.\n\n```js\nimport { Loading } from 'com.my-clay.react.ui';\nimport { ExampleSpinner } from './ExampleSpinner';\nContent showing
\n\n```\n\n## 5. Dropdown Component\nUsage\nThe dropdown has multiple sub components such as DropDownTrigger, DropDownMenu.\n\nThey both accept multiple child elements. DropDownTrigger elements will be wrapped in an tag responsble for the toggling open/close of the dropdown.\n\nDropDownMenu elements will holds the actual content of the dropdown.\n\n```js\nimport { Loading } from 'com.my-clay.react.ui';\n\n Menu content
\n