+
{content}
+ {description && (
+
+ {description}
+
+ )}
);
});
FormGroup.propTypes = {
+ description: PropTypes.string,
+ descriptionPosition: PropTypes.oneOf(['start', 'center', 'end']),
label: PropTypes.node,
labelFor: PropTypes.string,
childrenContainerClass: PropTypes.string,
diff --git a/src/components/form-group/form-group.stories.js b/src/components/form-group/form-group.stories.js
index 2428e8d..42a9e5d 100644
--- a/src/components/form-group/form-group.stories.js
+++ b/src/components/form-group/form-group.stories.js
@@ -1,5 +1,5 @@
import React from 'react';
-import { withKnobs, text } from '@storybook/addon-knobs';
+import { withKnobs, text, radios } from '@storybook/addon-knobs';
import { containerDecorator } from '_storybook/container';
import { Input } from '../input';
import { FormGroup } from './form-group';
@@ -11,20 +11,22 @@ export default {
};
export const WithSingleChildren = () => {
+ const description = text('Description', 'helper text');
const label = text('Label', 'Your name');
return (
-
+
);
};
export const WithMultipleChildren = () => {
+ const description = text('Description', 'helper text');
const label = text('Label', 'Options');
let value = 'option-1';
const onChange = () => {};
return (
-
+
{
);
};
+
+export const WithDescription = () => {
+ const description = text('Description', 'helper text');
+ const descriptionPosition = radios(
+ 'Description position',
+ {
+ start: 'start',
+ center: 'center',
+ end: 'end',
+ },
+ 'end',
+ );
+ const label = text('Label', 'Your name');
+ return (
+
+
+
+ );
+};
+export const WithoutDescription = () => {
+ const description = text('Description', '');
+ const descriptionPosition = radios(
+ 'Description position',
+ {
+ start: 'start',
+ center: 'center',
+ end: 'end',
+ },
+ 'end',
+ );
+ const label = text('Label', 'Your name');
+ return (
+
+
+
+ );
+};
diff --git a/src/containers/lobby/lobby.js b/src/containers/lobby/lobby.js
index 6bbe558..2d7d6d3 100644
--- a/src/containers/lobby/lobby.js
+++ b/src/containers/lobby/lobby.js
@@ -56,6 +56,7 @@ function Lobby({
}
const shareIcon = navigator.share ? 'share-alt' : 'clone';
+ const shareDescription = navigator.share ? 'Поделиться' : 'Копировать ссылку';
return (