Font-size slider with discrete tick dots under the rail and a value chip in the header.
The import and the props worth knowing about, in one place.
import { Form30 } from "@/components/beste/piece/form30";
<Form30
label="Font size"
min={12}
max={24}
step={1}
value={16}
marks={[
12,
14,
16,
18,
20,
22,
24
]}
/>