Skip to Content
Strapi Page Builder 1.0 is now available 🎉

Slider

import { ComponentConfig } from "@wecre8websites/strapi-page-builder-react"; export interface MyComponentProps { myFieldName: number } export const MyComponentConfig: Omit<ComponentConfig<MyComponentProps, MyComponentProps>, "type"> = { fields: { myFieldName: { type: "slider", label: "My Field Name", min: 0, max: 100, step: 5 }, }, defaultProps: { myFieldName: 10, }, label: "My Component", render: (props) => { return <p>{props.myFieldName}</p> } }

Field Definition

ParameterDescriptionRequired
typeslidertrue
labelThe label for the field in the editor.false
minThe minimum value for the slider field.false
maxThe maximum value for the slider field.false
stepThe step value for the slider field.false

Field Appearance


Strapi Page Builder
Last updated on