@mui/icons-material#BugReportOutlined TypeScript Examples
The following examples show how to use
@mui/icons-material#BugReportOutlined.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: index.tsx From Search-Next with GNU General Public License v3.0 | 6 votes |
|
Beta: React.FC = () => {
const [checked, setChecked] = useState<boolean>(false);
const checkChange = (v: React.ChangeEvent<HTMLInputElement>) => {
const val = v.target.checked;
setBeta(val);
setChecked(val);
};
useEffect(() => {
setChecked(isBeta());
}, []);
return (
<div>
<ContentList>
<ContentTitle title="加入用户体验计划" />
<ItemCard
icon={<BugReportOutlined />}
title="用户体验计划"
desc="获取正在开发中功能的预览权限"
action={<Switch checked={checked} onChange={checkChange} />}
/>
<ContentTitle title="用户体验计划说明" />
<div className="p-2">
<Markdown source={Docs} />
</div>
</ContentList>
</div>
);
}
Example #2
| Source File: router.tsx From Search-Next with GNU General Public License v3.0 | 4 votes |
|
routers: Router[] = [
{
path: '/',
title: '首页',
component: lazy(() => import('@pages/index')),
},
{
path: 'navigation/:classify',
title: '导航',
component: lazy(() => import('@pages/navigation')),
},
{
path: 'setting',
title: '设置',
exact: false,
component: SettingPage,
routes: [
{
title: '账户',
path: 'auth',
component: Auth,
routes: [
{
title: '账户信息',
icon: <ManageAccounts />,
path: 'info',
component: Info,
},
{
title: '其他账户',
icon: <SupervisorAccount />,
path: 'others',
component: Others,
},
],
},
{
title: '个性化',
path: 'personalise',
component: Personalise,
routes: [
{
title: '背景',
icon: <PhotoLibrary />,
path: 'background',
component: Background,
},
{
title: 'Logo',
icon: <Brush />,
path: 'logo',
component: Logo,
},
{
title: '主题',
icon: <ColorLens />,
path: 'theme',
component: Theme,
},
],
},
{
title: '功能',
icon: <FeaturedPlayList />,
path: 'features',
component: Features,
routes: [
{
title: '导航页',
icon: <NavigationIcon />,
path: 'navigation',
component: Navigation,
},
{
title: '通知与消息',
icon: <MessageIcon />,
path: 'message',
component: Message,
routes: [
{
title: '版本更新',
icon: <NewReleases />,
path: 'release',
component: ReleasesView,
},
],
},
],
},
{
title: '数据',
path: 'data',
component: Data,
routes: [
{
title: '备份与恢复',
icon: <SettingsBackupRestore />,
path: 'backup',
component: Backup,
},
],
},
{
title: '实验室',
path: 'lab',
component: Lab,
routes: [
{
title: '第三方API',
icon: <Api />,
path: 'otherApis',
component: OtherApis,
},
{
title: '搜索引擎',
icon: <Search />,
path: 'search-engine',
component: Engine,
routes: [
{
title: '搜索引擎详情',
icon: <Search />,
path: 'engine-detail/:id',
component: EngineDetail,
},
],
},
{
title: '天气',
icon: <WbSunny />,
path: 'weather',
component: Weather,
status: 'process',
},
{
title: '搜索框',
icon: <Search />,
path: 'search-bar',
component: SearchBar,
status: 'process',
},
],
},
{
title: '关于',
path: 'about',
component: About,
routes: [
{
title: '历史版本记录',
icon: <Update />,
path: 'releases',
component: Releases,
},
{
title: '历史提交记录',
icon: <Update />,
path: 'commits',
component: Commits,
},
{
title: '用户体验计划',
icon: <BugReportOutlined />,
path: 'beta',
component: Beta,
},
{
title: '项目依赖',
icon: <FolderOutlined />,
path: 'dependencies',
component: Dependencies,
},
],
},
],
},
{
path: '/help/:text',
title: '帮助',
component: lazy(() => import('@pages/help')),
},
]
