grommet
Version:
focus on the essential experience
32 lines • 870 B
JavaScript
import React from 'react';
import { Box, Button, FileInput, Form, FormField } from 'grommet';
export var MaxFileCount = function MaxFileCount() {
return /*#__PURE__*/React.createElement(Box, {
fill: true,
align: "center",
justify: "start",
pad: "large"
}, /*#__PURE__*/React.createElement(Box, {
width: "medium"
}, /*#__PURE__*/React.createElement(Form, {
validate: "submit"
}, /*#__PURE__*/React.createElement(FormField, {
name: "fileInput",
htmlFor: "fileInput",
required: true
}, /*#__PURE__*/React.createElement(FileInput, {
"aria-label": "Choose files",
name: "fileInput",
id: "fileInput",
multiple: {
max: 5
}
})), /*#__PURE__*/React.createElement(Button, {
label: "Submit",
primary: true,
type: "submit"
}))));
};
export default {
title: 'Input/FileInput/Max File Count'
};