Atoms
Last updated
Last updated
Description of component
If the element has props or parameters, write the name of each, its data type and the description on a table like shown below. Make sure to indicate if each parameter is optional.
Prop Name | Type | Description |
---|---|---|
exampleName | string (optional) | Name of the person |
exampleAge | number | Age of the person |
Add an example on how to use the component on a code block
Make sure you add the correct syntax for the code
<Input
placeholder={strings.componentsDemo.inputErrorPlaceholder}
label={strings.componentsDemo.inputError}
withError
containerStyle={componentsDemoStyles.marginBottom}
error={strings.componentsDemo.errorLabelDemo}
/>
Download an svg format picture of the component. If a picture downloaded in another format is added it will look distorted.
See the difference in the example below
Description of component
If the element has props or parameters, write the name of each, its data type and the description on a table like shown below. Make sure to indicate if each parameter is optional.
Prop Name | Type | Description |
---|---|---|
exampleName | string (optional) | Name of the person |
exampleAge | number | Age of the person |
Add an example on how to use the component on a code block
Make sure you add the correct syntax for the code
<Input
placeholder={strings.componentsDemo.inputErrorPlaceholder}
label={strings.componentsDemo.inputError}
withError
containerStyle={componentsDemoStyles.marginBottom}
error={strings.componentsDemo.errorLabelDemo}
/>
Download an svg format picture of the component. If a picture downloaded in another format is added it will look distorted.
See the difference in the example below