瀏覽代碼

Toggle button

Steven Fukase 5 年之前
父節點
當前提交
295946d1ba
共有 1 個文件被更改,包括 12 次插入0 次删除
  1. 12 0
      src/client/js/components/Admin/SlackIntegration/SlackIntegration.jsx

+ 12 - 0
src/client/js/components/Admin/SlackIntegration/SlackIntegration.jsx

@@ -16,6 +16,18 @@ function SlackIntegration() {
         </div>
         </div>
       </div>
       </div>
 
 
+      <div className="row mx-auto my-5 btn-group btn-group-toggle" data-toggle="buttons">
+        <label className="btn btn-secondary active">
+          <input type="radio" name="options" id="option1" checked /> Official Bot
+        </label>
+        <label className="btn btn-secondary">
+          <input type="radio" name="options" id="option2" /> Custom Bot (Non-Proxy)
+        </label>
+        <label className="btn btn-secondary">
+          <input type="radio" name="options" id="option3" /> Custom Bot (With-Proxy)
+        </label>
+      </div>
+
       <div className="row">
       <div className="row">
         <div className="col-lg-12">
         <div className="col-lg-12">
           <h2 className="admin-setting-header">{t('slack_integration.custom_bot_non_proxy_settings')}</h2>
           <h2 className="admin-setting-header">{t('slack_integration.custom_bot_non_proxy_settings')}</h2>