Atoms

List of Atoms

• Atom 1

• Atom 2

Atom Component 1 Name

Description

Description of component

Props

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

Usage

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}
/>

Component

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

svg format

png format

Atom Component 2 Name

Description

Description of component

Props

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

Usage

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}
/>

Component

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

svg format

png format