wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-13 17:45:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Supporting icons with ValidationMessages

Browse Source
This commit is contained in:
Belén Curcio
2018-09-07 12:54:22 -03:00
parent 994b0f7fb3
commit b37ec2b944
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
+11 -2
View File
@@ -14,13 +14,22 @@ export interface ValidationMessageProps {
* If set renders a full width message
*/
fullWidth?: boolean;
/*
* Name of the icon, if not provided it will default to warning icon
*/
icon?: string;
}
const ValidationMessage: StatelessComponent<ValidationMessageProps> = props => {
const { className, fullWidth, children, ...rest } = props;
const { className, fullWidth, children, icon, ...rest } = props;
return (
<Message color="validation" icon="warning" className={className} {...rest}>
<Message
color="validation"
icon={icon ? icon : "warning"}
className={className}
{...rest}
>
{children}
</Message>
);