Account Picker
<sl-account-picker> | SlAccountPicker
            Account picker is a HUB24 component for selecting a client’s accounts, it drives the data that is displayed on the page.
<sl-account-picker></sl-account-picker>
Examples
Basic Account Picker (default)
The default account picker displays available accounts in a standard format, without the ability to edit client name.
<sl-account-picker></sl-account-picker>
Editable Account Picker
You can also allow through permissions the ability to modify the client name.
<sl-account-picker editable></sl-account-picker>
[component-metadata:sl-account-picker]
Properties
| Name | Description | Reflects | Type | Default | 
|---|---|---|---|---|
| editable | Whether the client name can be edited |  | boolean | false | 
| clientName client-name  | The clientName used for the selected account | string | 'Client Name' | |
| accounts | The accounts property contains the ‘id’ (string), ‘balance’ (number) and a collection of many other details of the client | { id: string; name: string; number: string; product: string; balance: number; asAtDate: string;
                      status: number; isActive: boolean; }[] | [] | |
| selectedAccounts selected-accounts  | Holds an array of selectedAccounts by the current user |  | string[] | [] | 
| updateComplete | A read-only promise that resolves when the component has finished updating. | 
Learn more about attributes and properties.
Parts
| Name | Description | 
|---|---|
| base | The component’s base wrapper. | 
Learn more about customizing CSS parts.