Account Input

<sl-account-input> | SlAccountInput

Since 1.0

stable

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

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>

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]

Name	Description	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.

Name	Description
`base`	The component’s base wrapper.