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.