yarn add @twilio-paste/help-text - or - yarn add @twilio-paste/core
import {Input} from '@twilio-paste/core/input';
import {Label} from '@twilio-paste/core/label';
import {HelpText} from '@twilio-paste/core/help-text';
const Component = () => (
<>
<Label htmlFor="foo" required>
Foo
</Label>
<Input id="foo" type="text" value="" onChange={() => {}} aria-describedby="foo_text" />
<HelpText id="foo_text">Enter some text.</HelpText>
</>
);
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any
- Default
'HELP_TEXT'
marginTop
Sets the top margin on the div element.
- Type
"space0"
- Default
'space30'
variant
The style variant of the help text.
- Type
any
- Default
'default'
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.