How to use the @react-md/form.useSelectState function in @react-md/form
To help you get started, we’ve selected a few @react-md/form examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
mlaursen / react-md / packages / documentation / src / components / Demos / Sheet / SheetSizing.tsx View on Github 
const SheetSizing: FC = () => {
const [visible, show, hide] = useToggle(false);
const [position, setPosition] = useSelectState("left");
const [horizontalSize, setHorizontalSize] = useSelectState<
SheetHorizontalSize
>("media");
const [verticalSize, setVerticalSize] = useSelectState(
"recommended"
);
const isHorizontal = position === "left" || position === "right";
const [emulate, setEmulate] = useState(false);
const { isDesktop } = useAppSize();
if (emulate && !isDesktop) {
setEmulate(false);
}
return (
<form></form>const SheetSizing: FC = () => {
const [visible, show, hide] = useToggle(false);
const [position, setPosition] = useSelectState("left");
const [horizontalSize, setHorizontalSize] = useSelectState<
SheetHorizontalSize
>("media");
const [verticalSize, setVerticalSize] = useSelectState(
"recommended"
);
const isHorizontal = position === "left" || position === "right";
const [emulate, setEmulate] = useState(false);
const { isDesktop } = useAppSize();
if (emulate && !isDesktop) {
setEmulate(false);
}
return (
<form>
<fieldset>
</fieldset></form>const SheetSizing: FC = () => {
const [visible, show, hide] = useToggle(false);
const [position, setPosition] = useSelectState("left");
const [horizontalSize, setHorizontalSize] = useSelectState<
SheetHorizontalSize
>("media");
const [verticalSize, setVerticalSize] = useSelectState(
"recommended"
);
const isHorizontal = position === "left" || position === "right";
const [emulate, setEmulate] = useState(false);
const { isDesktop } = useAppSize();
if (emulate && !isDesktop) {
setEmulate(false);
}
return (@react-md/form
This package is for creating all the different form input types.
