Atoms
Atom Component 1 Name
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.
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
Atom Component 2 Name
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.
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
Last updated
Was this helpful?