Account Input
<sl-account-input> | SlAccountInput
Account input allows clients to enter their financial details such as account name and balance into the broader ‘Account’ feature.
<sl-account-input client-name="Allan and Trisha Tent"></sl-account-input>
Examples
Uneditable clientName Input (default)
By default, the account input is not editable. This is useful for displaying client names without allowing modifications.
<sl-account-input client-name="Allan and Trisha Tent"></sl-account-input>
Editable clientName
By permissions, the account name can be modified. This is useful for greater customisation and control.
<sl-account-input client-name="Any name you want!" editable></sl-account-input>
[component-metadata:sl-account-input]
Properties
Name | Description | Reflects | Type | Default |
---|---|---|---|---|
editable
|
Whether the client name can be edited |
|
boolean
|
false
|
clientName
client-name
|
The clientName string containing the client(s) name(s) |
|
string
|
''
|
valueMissingMsg
value-missing-message
|
Required field message |
string
|
'Add a client name'
|
|
error
|
Error state from input component |
|
boolean
|
false
|
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.