Conversation
| /** | ||
| * Tail position | ||
| */ | ||
| tailPosition: PropTypes.oneOf(['leftTop', 'rightTop', 'topLeft']) |
There was a problem hiding this comment.
надо добавить другие позиции: leftBottom, rightBottom, topRight, bottomLeft, bottomRight
|
|
||
| import { StyleSheet, css } from '../helpers/styles'; | ||
|
|
||
| export default class Hint extends React.Component { |
There was a problem hiding this comment.
переделать на stateless-functions https://facebook.github.io/react/docs/reusable-components.html#stateless-functions
| <View | ||
| styles={[ | ||
| STYLE.triangle, | ||
| (props.tailPosition === 'leftTop' || props.tailPosition === 'rightTop') && STYLE.triangleHorizontal , |
There was a problem hiding this comment.
используй для стилей позиции getPreset https://github.com/roistat/react-ui/blob/master/src/Button/Button.jsx#L94
| <Hint tailPosition={'leftTop'}>Hint</Hint> | ||
| </View> | ||
|
|
||
| *Hint, showed on hover* |
There was a problem hiding this comment.
Лучше сделать нативный селект с возможными позициями и в зависимости от выбора менять tailPosition
Это будет один хороший пример демонстрирующий все возможные подсказки
| import { StyleSheet, css } from '../helpers/styles'; | ||
|
|
||
| const Hint = (props) => { | ||
| const { tailPosition, ...styles } = props; |
| const { tailPosition, ...styles } = props; | ||
| return ( | ||
| <View className={css(STYLE.hint)} styles={props.styles}> | ||
| <View className={css( |
There was a problem hiding this comment.
className={css...} -> styles={[]}
| const Hint = (props) => { | ||
| const { tailPosition, ...styles } = props; | ||
| return ( | ||
| <View className={css(STYLE.hint)} styles={props.styles}> |
There was a problem hiding this comment.
styles={[STYLE.hint, ...(props.styles || {})]}
| /** | ||
| * Tail position | ||
| */ | ||
| tailPosition: PropTypes.oneOf(['leftTop', 'rightTop', 'topLeft', 'leftBottom', 'rightBottom', 'topRight', 'bottomLeft', 'bottomRight']).isRequired |
There was a problem hiding this comment.
длинновато,
[
'leftTop',
'rightTop'
]2 participants
No description provided.