Demo host app for the Box UI Elements
This demo app demonstrates how to use a Box UI Element from within a React based application. The UI Elements require an access token to work. This demo however does not demonstrate how to do authentication in your app. For authentication and generating tokens please follow https://developer.box.com/docs/authentication instead.
- Create a new app with Standard OAuth 2.0 (User Authentication) in the Box Developer Console.
- Use
http://localhost:8080as your redirect URI on the configuration page. - Whitelist
http://localhost:8080for CORS on the configuration page. - Note down the Client ID and Client Secret from the configuration page.
- Use
- Clone this repo via
git clone git@github.com:box/box-ui-elements-demo.git. - Run
yarn startto run the webpack dev server. - Navigate to http://localhost:8080.
- Enter the values from step 2 and then grant access to box on the following page.
Note: The above instruction steps assume webpack dev server is running on port 8080. If it runs on another port, you will have use that instead in the instructions above.
How to import the UI Element - Main.js Webpack rules - webpack.config.js Babel config - babel.config.js Depedencies - package.json
If you have any questions, please visit our developer forum or contact us via one of our available support channels.
Copyright 2016-present Box, Inc. All Rights Reserved.
Licensed under the Box Software License Agreement v.20170516. You may not use this file except in compliance with the License. You may obtain a copy of the License at
https://developer.box.com/docs/box-sdk-license
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.