Adding style for anchor elements
This commit is contained in:
parent
06a90429ff
commit
c047dab5a4
@ -37,10 +37,11 @@ class Text extends Base {
|
||||
}
|
||||
|
||||
render() {
|
||||
const { type } = this.props;
|
||||
const { transform } = this.state || {};
|
||||
|
||||
const textProps = {
|
||||
style: { ...style.text },
|
||||
style: { ...style.text, ...(type ? style[type] : {}) },
|
||||
transform,
|
||||
ref: this.textRef
|
||||
};
|
||||
@ -57,7 +58,8 @@ Text.propTypes = {
|
||||
PropTypes.node
|
||||
]).isRequired,
|
||||
quoted: PropTypes.bool,
|
||||
transform: PropTypes.string
|
||||
transform: PropTypes.string,
|
||||
type: PropTypes.string
|
||||
};
|
||||
|
||||
export default Text;
|
||||
|
@ -61,5 +61,11 @@ export default {
|
||||
...strokeBase,
|
||||
stroke: grey,
|
||||
strokeDasharray: '6,2'
|
||||
},
|
||||
anchorBox: {
|
||||
fill: brown
|
||||
},
|
||||
anchorText: {
|
||||
fill: white
|
||||
}
|
||||
};
|
||||
|
19
src/devel.js
19
src/devel.js
@ -18,6 +18,25 @@ const demoImage = {
|
||||
{
|
||||
type: 'Pin'
|
||||
},
|
||||
// Anchor
|
||||
{
|
||||
type: 'Box',
|
||||
props: {
|
||||
type: 'anchorBox',
|
||||
radius: 0
|
||||
},
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
props: {
|
||||
type: 'anchorText'
|
||||
},
|
||||
children: [
|
||||
'Anchor'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
// Literal
|
||||
{
|
||||
type: 'Box',
|
||||
|
Loading…
Reference in New Issue
Block a user