Stepper
The Stepper component performs the action(s) on associated components. Data in associated components will change based on the selected value (which can be increased or decreased by using the up/down arrow).
Default Component Image:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FKlK1ogXDEtkywVHX3AcB%252FDefault%2520design.png%3Falt%3Dmedia%26token%3D270b39ef-1411-44a3-8acb-e3cf2f525023&width=768&dpr=4&quality=100&sign=9d215ec1&sv=1)
Properties of the Stepper:
Background: The user can get the reflection of the chart by enabling the shadow option can also change the color and increase & decrease the transparency of the shadow.
General: The user can change the height, width, top, and left values. If initial visibility is not enabled, then the chart won’t be available for the first preview. The maximum value and minimum value of the stepper can be adjusted in this section. Also, the user can provide the step size. The bigger the step size, the faster the stepper reaches the maximum.
Style: The user can set the background color and font color as well as font style-weight-family etc in this section.
General Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FOEEvUssfOdXkdy9mfpn6%252FGeneral%2520properties.png%3Falt%3Dmedia%26token%3D6cc902a1-6abe-4fb0-8b44-8c24134a185e&width=768&dpr=4&quality=100&sign=54da194d&sv=1)
Style Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252F0cdFIbbHjfkLR1mVZWaI%252FStyle%2520properties.png%3Falt%3Dmedia%26token%3D1823434b-9404-46a5-9718-a9a4619bcac9&width=768&dpr=4&quality=100&sign=18787363&sv=1)
Modified Stepper after changing its properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FW26kqIZYrXGjlOOkI8YT%252FModified%2520Stepper%2520after%2520changing%2520its%2520properties.png%3Falt%3Dmedia%26token%3Df5b619c7-3b86-479d-856c-7e0e51582513&width=768&dpr=4&quality=100&sign=4bbbbc5b&sv=1)
Last updated