# External Accounts

### **List header:**

**Import the following component into your file and add it:**

```
import { HeaderList } from 'LinkerStudio/modules/baas/components/molecules';
import strings from 'LinkerStudio/modules/baas/localization';
```

```
<HeaderList
   title={strings.externalAccount.title}
   subTitle={strings.externalAccount.seeAll}
   event={() => null}
/>
```

### **Prop Description**

1. title: Title to be displayed on the left (required).
2. subTitle: Title to be displayed on the right (optional).
3. event: Event that is executed when pressing the item.
4. subTitle (optional).

### **List Item**

**Import the following component into your file and add it:**

```
import { SecondaryAccountItem } from 'LinkerStudio/modules/baas/components/molecules';
```

```
<SecondaryAccountItem
   iconLeft={'bookmark'}
   title={'title'}
   subTitle={'subTitle'}
   value={'value'}
   event={() => null}
/>
```

**Prop Description**

1. iconRight: Icon to be displayed to the right of the item (optional).
2. iconLeft: Icon to be displayed to the left of the item (optional).
3. title: String that will show the title of the item (required).
4. subTitle: String to be displayed under the title (optional).&#x20;
5. value: Value to be displayed to the right of the title (optional).
6. event: Event that is executed when pressing the item.