# Editable percent ## Overview

### Properties

Name	Type	Description
`name`	`string`	Component name
`value`	`string/number \| null`	Current value of the component
`valid`	`boolean`	Indicates whether the component is valid
`disabled`	`boolean`	Indicates whether the component is disabled
`validating`	`boolean`	Indicates if the component is validating

### Methods

Name	Parameters	Returns	Description
`setValue`	`value: string \| number`	`void`	Set component value
`setDisabled`	`disabled: boolean`	`void`	Disable or enable the component
`reset`	-	`void`	Reset component to the initial value
`focus`	-	`void`	Set focus on the component
`validate`	-	`void`	Trigger form validation
`resetValidation`	-	`void`	Clear validation errors
`setErrors`	`errors: string \|` `string[] \| null`	`void`	Mark the component as invalid and display errors
`setRequired`	`required: boolean`	`void`	Set component required state

### Triggers

Name	Description
On Change	Triggered when the component's state changes
On Init	Triggered when the component is initialized
On Submit	Triggered on component's submit
On Open Editing	Triggered when Edit mode is ON
On Close Editing	Triggered when Edit mode is OFF

*** {% content-ref url="../percent" %} [percent](https://docs.uibakery.io/reference/working-with-components/percent) {% endcontent-ref %}