divriots / story-to-design

Keep your Figma libraries true-to-code in a single click.
https://story.to.design
29 stars 0 forks source link

Text field helper text missing #207

Open katie-schmidt16 opened 1 month ago

katie-schmidt16 commented 1 month ago

Hi, when I import our text field component the helper text doesn't show even though I have that option selected in the setup. Thanks!


Bug report identity: Please do not edit

Task path: hpPpNB3AXDmRHPrweEFJ/NIdTSBCUeUpHiiLbGcQJ/vak311o0k8u

muryoh commented 1 month ago

Hi @katie-schmidt16

Indeed, this is because the Show Helper Text arg only works if a Helper Text was specified which is not the case by default for this story

Advanced mode supports this but you will need to switch to the text configuration. The good news is that we are working on revamping that whole UI which will be able to setup all the advanced mode options, but it's not out yet. We're getting back to it :muscle:

In the meantime, you can do it by text:

{
  "initArgs": {
    "icon": "magnifyingGlass300",
    "helperText": "Actual text"
  },
  "variantProperties": [
    "error",
    "showHelperText",
    "size",
    "variant",
    "showIcon",
    "disabled",
    ":hover",
    ":focus"
  ]
}

Where Actual text is the text you want to see for your default helper text value

Cheers, Remy

katie-schmidt16 commented 1 month ago

This is super helpful for this component and others that I'm working on. Thank you!

katie-schmidt16 commented 1 month ago

Also the revamped advanced mode will be super beneficial for my team! Please keep us updated on that and if we can be the first to test it out that would be awesome.