Skip to main content

Account Input

<sl-account-input> | SlAccountInput
Since 2.0 hub24

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.