import { Checkbox } from '../../checkbox';
import { ColorPicker } from '../../colorpicker';
import { FloatingLabel } from '../../floating-label';
import { MaskedTextbox } from '../../maskedtextbox';
import { NumericTextbox } from '../../numerictextbox';
import { RadioButtonWithLabelAfter, RadioGroupHorizontal, RadioGroupNormal, RadioItem } from '../../radio';
import { Switch } from '../../switch';
import { Textbox } from '../../textbox';
import { UploadChunk, UploadFile } from '../../upload';
import { FormField, FormHorizontal, FormNormal } from '../../form';
import { SliderNormal } from '../../slider';
const styles = `
section {
padding: 20px;
border: 1px dashed gray;
}
.k-slider-horizontal {
width: 100%;
--kendo-slider-start: 0;
--kendo-slider-end: 50;
}
`;
export default () =>(
<>
Vertical Form
Horizontal Form
}
>
}
>
}
>
Male
Female
}
>
Male
Female
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
Male
Female
}
>
Male
Female
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
}
>
);