Component for rendering post-submission downloadable files such as PDFs and attachments. The only thing required is the formSubmissionResult.
formSubmissionResult
It is also recommended to import the css from this library as well.
css
import { DownloadableFiles } from '@oneblink/apps-react'import '@oneblink/apps-react/dist/styles.css' Copy
import { DownloadableFiles } from '@oneblink/apps-react'import '@oneblink/apps-react/dist/styles.css'
import React from 'react'import ReactDOM from 'react-dom'import { DownloadableFiles } from '@oneblink/apps-react'import '@oneblink/apps-react/dist/styles.css'function SubmissionContainer() { const [state, setState] = useState(null) const handleSubmit = React.useCallback(async () => { ... setState(result) }, []) return ( <div> ... {state && ( <DownloadableFiles formSubmissionResult={state} /> )} </div> )}function App() { return ( <IsOfflineContextProvider> <SubmissionContainer /> </IsOfflineContextProvider> )}const root = document.getElementById('root')if (root) { ReactDOM.render(<App />, root)} Copy
import React from 'react'import ReactDOM from 'react-dom'import { DownloadableFiles } from '@oneblink/apps-react'import '@oneblink/apps-react/dist/styles.css'function SubmissionContainer() { const [state, setState] = useState(null) const handleSubmit = React.useCallback(async () => { ... setState(result) }, []) return ( <div> ... {state && ( <DownloadableFiles formSubmissionResult={state} /> )} </div> )}function App() { return ( <IsOfflineContextProvider> <SubmissionContainer /> </IsOfflineContextProvider> )}const root = document.getElementById('root')if (root) { ReactDOM.render(<App />, root)}
Component for rendering post-submission downloadable files such as PDFs and attachments. The only thing required is the
formSubmissionResult.It is also recommended to import the
cssfrom this library as well.Example