widgets
v1.27.6
Webex小部件是遵循Webex產品體驗的一組獨立的React組件，旨在將Webex嵌入其應用程序中的開發人員。
npx install-peerdeps @webex/widgets這將安裝小部件軟件包，同行依賴項和依賴關係。
為了適當樣式的Webex小部件，您將需要單獨導入我們的CSS。導入@webex/widgets/dist/css/webex-widgets.css到您的主條目文件中。
有兩種方法可以做到這一點：
在您的App.js[x]中，添加以下導入：
import '@webex/widgets/dist/css/webex-widgets.css' ;
...在您的index.html的<head>標籤中，添加以下標籤：
< head >
...
< link rel =" stylesheet " type =" text/css " href =" node_modules/@webex/widgets/dist/css/webex-widgets.css " />
</ head >為此，請確保提供您的node_modules文件夾。或者，您可以將CSS文件複製到您的公共文件夾，並相應地更新鏈接參考。
請確保安裝Webex小部件軟件包和相關依賴關係。
npx install-peerdeps @webex/widgets要使用Webex小部件，只需導入所需的小部件並將其渲染到您的React應用程序中。
import { WebexMeetingsWidget } from '@webex/widgets' ;
import '@webex/widgets/dist/css/webex-widgets.css' ;
export default function App ( ) {
return (
< WebexMeetingsWidget
style = { { width : "1000px" , height : "500px" } } // Substitute with any arbitrary size or use `className`
accessToken = "<ACCESS_TOKEN>"
meetingDestination = "<MEETING_DESTINATION>"
/ >
) ;
}此軟件包中可用的小部件是：
為了啟用用法，只需在將小部件添加到您的React Appplication中時使用fedramp Prop即可。
import { WebexMeetingsWidget } from '@webex/widgets' ;
import '@webex/widgets/dist/css/webex-widgets.css' ;
export default function App ( ) {
return (
< WebexMeetingsWidget
accessToken = "<ACCESS_TOKEN>"
meetingDestination = "<MEETING_DESTINATION>"
fedramp = { true }
/ >
) ;有關FEDRAMP的更多信息，請訪問https://developer.webex.com/docs/fedramp-overview
我們希望您能為我們的源代碼做出貢獻，並使Webex小部件比今天更好！這是我們希望您遵循的一些準則。
請打開一個問題，我們將有序地解決。請留下盡可能多的信息，以更好地理解。
我們正在使用Airbnb風格的棉絨規則，並更漂亮來填充代碼。在提交之前，請確保您的代碼遵循我們的棉絨規則！
有關貢獻的更多信息，請訪問我們的貢獻指南。
我們正在使用commitlint來提交提交消息。請確保選擇適當的提交類型，範圍和主題。
麻省理工學院許可證
有關更多開發人員資源，教程和支持，請訪問Webex開發人員門戶網站，https://developer.webex.com。
