hanzoai/icons
2
0
Fork 0
mirror of https://github.com/hanzoai/icons.git synced 2026-09-24 16:59:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat(docs): migrate to lobedocs (#366)

Browse Source 
* ✨ feat(docs): migrate to lobedocs

* 📝 docs: migrate latest icon pages to lobedocs

* ⬆️ chore(deps): update lobedocs runtime to 5.22.3

* 🐛 fix(docs): restore homepage hero
This commit is contained in:
Innei
2026-07-18 02:12:35 +08:00
committed by GitHub
parent 2b17a187f3
commit 8ff9ef0a12
374 changed files with 17252 additions and 1352 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.dumirc.ts
-102
View File
@@ -1,102 +0,0 @@
import { defineConfig } from 'dumi';
import { SiteThemeConfig } from 'dumi-theme-lobehub';
import { INavItem } from 'dumi/dist/client/theme-api/types';
import { description, homepage, name } from './package.json';
const isProduction = process.env.NODE_ENV === 'production';
const isWin = process.platform === 'win32';
const nav: INavItem[] = [
{ link: '/components/lobe-hub', title: 'Icons' },
{ link: '/features/model-icon', title: 'Components' },
{ link: '/editor', title: 'SVG Editor' },
{ link: 'https://ui.lobehub.com', mode: 'override', title: 'UI' },
{ link: 'https://charts.lobehub.com', mode: 'override', title: 'Charts' },
{ link: '/changelog', title: 'Changelog' },
];
const themeConfig: SiteThemeConfig = {
actions: [
{
github: true,
link: homepage,
openExternal: true,
text: 'GitHub',
},
{
link: '/components/lobe-hub',
text: 'View all icons',
type: 'primary',
},
],
analytics: {
plausible: {
domain: 'icons.lobehub.com',
scriptBaseUrl: 'https://plausible.lobehub-inc.cn',
},
},
apiHeader: {
docUrl: `{github}/tree/master/src/{atomId}/index.md`,
match: ['/components', '/features'],
pkg: name,
sourceUrl: `{github}/tree/master/src/{atomId}/index.ts`,
},
description,
giscus: {
category: 'Q&A',
categoryId: 'DIC_kwDOLLYRIs4Cin-i',
repo: 'lobehub/lobe-icons',
repoId: 'R_kgDOLLYRIg',
},
metadata: {
openGraph: {
image:
'https://repository-images.githubusercontent.com/750129442/59a8d16a-7ba1-4eda-b611-697d35cd04ab',
},
},
name: 'Icons',
nav,
prefersColor: {
default: 'dark',
switch: false,
},
socialLinks: {
discord: 'https://discord.gg/AYFPHvv2jT',
github: homepage,
},
title: 'Lobe Icons',
};
export default defineConfig({
apiParser: isProduction ? {} : false,
base: '/',
define: {
'process.env': process.env,
},
extraBabelPlugins: ['babel-plugin-antd-style'],
favicons: ['https://lobehub.com/favicon.ico'],
jsMinifier: 'swc',
locales: [{ id: 'en-US', name: 'English' }],
// mako: isWin || isProduction ? undefined : {},
mfsu: isWin ? false : {},
npmClient: 'pnpm',
publicPath: '/',
resolve: isProduction
? {
entryFile: './src/index.ts',
}
: undefined,
sitemap: {
hostname: 'https://icons.lobehub.com',
},
styles: [
`html, body { background: transparent; }
@media (prefers-color-scheme: dark) {
html, body { background: #000; }
}`,
],
themeConfig,
title: 'Lobe Icons',
});
.gitignore
+2 -5
View File
@@ -31,11 +31,8 @@ lib
logs
test-output
# umi
.umi
.umi-production
.umi-test
.dumi/tmp*
# docs
.react-router
# husky
.husky/prepare-commit-msg
compatibility.json
+3254
View File
File diff suppressed because it is too large Load Diff
docs.config.ts
+80
View File
@@ -0,0 +1,80 @@
import { defineDocsConfig } from '@lobehub/docs-kit/src/config';
import type { DocumentationInventory } from '@lobehub/docs-kit/src/types';
import compatibility from './compatibility.json';
const legacyRedirects = compatibility as DocumentationInventory;
export default defineDocsConfig({
alias: {
'@': 'src',
'@lobehub/icons': 'src',
},
atomDirs: [{ dir: 'src', subType: 'components', type: 'component' }],
description: 'Popular AI / LLM Model Brand SVG Logo and Icon Collection',
favicons: {
icon: 'https://lobehub.com/favicon.ico',
},
homePage: './docs/index.tsx',
legacyRedirects,
navSections: {},
publicDocs: [
'docs/editor/index.mdx',
'docs/features/model-tag.mdx',
'docs/features/icon-combine.mdx',
'docs/features/cdn-utils.mdx',
'docs/features/provder-icon.mdx',
'docs/features/model-icon.mdx',
'docs/features/provider-combine.mdx',
'docs/features/agent-icon.mdx',
'docs/features/icon-avatar.mdx',
],
siteUrl: 'https://icons.lobehub.com',
themeConfig: {
analytics: {
plausible: {
domain: 'icons.lobehub.com',
source: 'https://plausible.lobehub-inc.cn/js/script.js',
},
},
apiHeader: {
docUrl: '{github}/edit/master/{atomId}',
github: 'https://github.com/lobehub/lobe-icons',
match: ['/components/'],
packageName: '@lobehub/icons',
sourceUrl: '{github}/tree/master/{atomId}',
},
giscus: {
category: 'Q&A',
categoryId: 'DIC_kwDOLLYRIs4Cin-i',
repo: 'lobehub/lobe-icons',
repoId: 'R_kgDOLLYRIg',
},
metadata: {
openGraph: {
image:
'https://repository-images.githubusercontent.com/750129442/59a8d16a-7ba1-4eda-b611-697d35cd04ab',
},
},
navItems: [
{ external: true, href: 'https://ui.lobehub.com', label: 'UI' },
{ external: true, href: 'https://charts.lobehub.com', label: 'Charts' },
{ href: '/changelog', label: 'Changelog' },
],
prefersColor: 'dark',
socialLinks: [
{
href: 'https://github.com/lobehub/lobe-icons',
icon: 'github',
label: 'GitHub',
},
{ href: 'https://discord.gg/AYFPHvv2jT', icon: 'discord', label: 'Discord' },
{
href: 'https://www.npmjs.com/package/@lobehub/icons',
icon: 'npm',
label: 'NPM',
},
],
},
title: 'Lobe Icons',
});
docs/changelog.md → docs/changelog.mdx
+3 -4
View File
@@ -1,9 +1,8 @@
---
title: Changelog
description: New updates and improvements to @lobehub/icons
nav:
title: Changelog
order: 999
---
<embed src="../CHANGELOG.md"></embed>
import Changelog from '../CHANGELOG.md';
<Changelog />
docs/editor/index.md
-13
View File
@@ -1,13 +0,0 @@
---
title: Icon Editor
description: Icon Editor for @lobehub/icons
nav:
title: Editor
order: 888
---
## SVG Editor
- SVG Minifier: <https://svgminify.com>
<code src="../../src/components/Editor/index.tsx" inline></code>
docs/editor/index.mdx
+12
View File
@@ -0,0 +1,12 @@
---
title: Icon Editor
description: Icon Editor for @lobehub/icons
---
import DemoIndex from '../../src/components/Editor/demos/index.tsx?demo';
## SVG Editor
- SVG Minifier: [https://svgminify.com](https://svgminify.com)
<Demo of={DemoIndex} />
docs/features/agent-icon.md
-32
View File
@@ -1,32 +0,0 @@
---
nav: Components
group: Features
title: AgentIcon
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/agent-icon.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/AgentIcon/index.tsx'
---
## Default
<code src="./demos/agent-icon/index.tsx" center></code>
## Mono
<code src="./demos/agent-icon/Mono.tsx" center></code>
## Color
<code src="./demos/agent-icon/Color.tsx" center></code>
## Combine
<code src="./demos/agent-icon/Combine.tsx" center></code>
## Combine Color
<code src="./demos/agent-icon/CombineColor.tsx" center></code>
## Config
- **Config:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/agentConfig.ts>
docs/features/agent-icon.mdx
+35
View File
@@ -0,0 +1,35 @@
---
title: AgentIcon
description: Guide to using agent icons from @lobehub/icons.
category: Features
---
import DemoIndex from '../../src/features/AgentIcon/demos/index.tsx?demo';
import DemoMono from '../../src/features/AgentIcon/demos/Mono.tsx?demo';
import DemoColor from '../../src/features/AgentIcon/demos/Color.tsx?demo';
import DemoCombine from '../../src/features/AgentIcon/demos/Combine.tsx?demo';
import DemoCombineColor from '../../src/features/AgentIcon/demos/CombineColor.tsx?demo';
## Default
<Demo of={DemoIndex} layout="center" />
## Mono
<Demo of={DemoMono} layout="center" />
## Color
<Demo of={DemoColor} layout="center" />
## Combine
<Demo of={DemoCombine} layout="center" />
## Combine Color
<Demo of={DemoCombineColor} layout="center" />
## Config
- **Config:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/agentConfig.ts](https://github.com/lobehub/lobe-icons/blob/master/src/features/agentConfig.ts)
docs/features/cdn-utils.md → docs/features/cdn-utils.mdx
+2 -7
View File
@@ -1,12 +1,7 @@
---
nav: Components
group:
title: Utils
order: 999
title: getLobeIconCDN
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/cdn-utils.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/getLobeIconCDN/index.tsx'
description: Guide to resolving Lobe Icons assets through the public CDN utilities.
category: Utils
---
## Default
docs/features/icon-avatar.md
-14
View File
@@ -1,14 +0,0 @@
---
nav: Components
group:
title: Components
order: 10
title: IconAvatar
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/icon-avatar.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/IconAvatar/index.tsx'
---
## Default
<code src="./demos/IconAvatar.tsx" center></code>
docs/features/icon-avatar.mdx
+11
View File
@@ -0,0 +1,11 @@
---
title: IconAvatar
description: Guide to composing icon avatars with @lobehub/icons.
category: Components
---
import DemoIconAvatar from '../../src/features/IconAvatar/demos/index.tsx?demo';
## Default
<Demo of={DemoIconAvatar} layout="center" />
docs/features/icon-combine.md
-14
View File
@@ -1,14 +0,0 @@
---
nav: Components
group:
title: Components
order: 10
title: IconCombine
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/icon-combine.md'
sourceUrl: 'https://github.com/lobehub/lobe-ui/tree/master/src/features/IconCombine/index.tsx'
---
## Default
<code src="./demos/IconCombine.tsx" center></code>
docs/features/icon-combine.mdx
+11
View File
@@ -0,0 +1,11 @@
---
title: IconCombine
description: Guide to combining brand icons with text and visual treatments.
category: Components
---
import DemoIconCombine from '../../src/features/IconCombine/demos/index.tsx?demo';
## Default
<Demo of={DemoIconCombine} layout="center" />
docs/features/model-icon.md
-32
View File
@@ -1,32 +0,0 @@
---
nav: Components
group: Features
title: ModelIcon
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/model-icon.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/ModelIcon/index.tsx'
---
## Default
<code src="./demos/model-icon/index.tsx" center></code>
## Mono
<code src="./demos/model-icon/Mono.tsx" center></code>
## Color
<code src="./demos/model-icon/Color.tsx" center></code>
## Combine
<code src="./demos/model-icon/Combine.tsx" center></code>
## Combine Color
<code src="./demos/model-icon/CombineColor.tsx" center></code>
## Config
- **Config:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/modelConfig.ts>
docs/features/model-icon.mdx
+35
View File
@@ -0,0 +1,35 @@
---
title: ModelIcon
description: Guide to rendering model icons with @lobehub/icons.
category: Features
---
import DemoIndex from '../../src/features/ModelIcon/demos/index.tsx?demo';
import DemoMono from '../../src/features/ModelIcon/demos/Mono.tsx?demo';
import DemoColor from '../../src/features/ModelIcon/demos/Color.tsx?demo';
import DemoCombine from '../../src/features/ModelIcon/demos/Combine.tsx?demo';
import DemoCombineColor from '../../src/features/ModelIcon/demos/CombineColor.tsx?demo';
## Default
<Demo of={DemoIndex} layout="center" />
## Mono
<Demo of={DemoMono} layout="center" />
## Color
<Demo of={DemoColor} layout="center" />
## Combine
<Demo of={DemoCombine} layout="center" />
## Combine Color
<Demo of={DemoCombineColor} layout="center" />
## Config
- **Config:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/modelConfig.ts](https://github.com/lobehub/lobe-icons/blob/master/src/features/modelConfig.ts)
docs/features/model-tag.md
-16
View File
@@ -1,16 +0,0 @@
---
nav: Components
group: Features
title: ModelTag
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/model-tag.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/ModelTag/index.tsx'
---
## Default
<code src="./demos/model-tag/index.tsx" center></code>
## Config
- **Config:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/modelConfig.ts>
docs/features/model-tag.mdx
+15
View File
@@ -0,0 +1,15 @@
---
title: ModelTag
description: Guide to rendering model tags with @lobehub/icons.
category: Features
---
import DemoIndex from '../../src/features/ModelTag/demos/index.tsx?demo';
## Default
<Demo of={DemoIndex} layout="center" />
## Config
- **Config:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/modelConfig.ts](https://github.com/lobehub/lobe-icons/blob/master/src/features/modelConfig.ts)
docs/features/provder-icon.md
-33
View File
@@ -1,33 +0,0 @@
---
nav: Components
group: Features
title: ProviderIcon
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/provider-icon.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/ProviderIcon/index.tsx'
---
## Default
<code src="./demos/provider-icon/index.tsx" center></code>
## Color
<code src="./demos/provider-icon/Color.tsx" center></code>
## Combine
<code src="./demos/provider-icon/Combine.tsx" center></code>
## Combine Color
<code src="./demos/provider-icon/CombineColor.tsx" center></code>
## Avatar
<code src="./demos/provider-icon/Avatar.tsx" center></code>
## Config
- **Enum:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/providerEnum.ts>
- **Config:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/providerConfig.tsx>
docs/features/provder-icon.mdx
+36
View File
@@ -0,0 +1,36 @@
---
title: ProviderIcon
description: Guide to rendering provider icons with @lobehub/icons.
category: Features
---
import DemoIndex from '../../src/features/ProviderIcon/demos/index.tsx?demo';
import DemoColor from '../../src/features/ProviderIcon/demos/Color.tsx?demo';
import DemoCombine from '../../src/features/ProviderIcon/demos/Combine.tsx?demo';
import DemoCombineColor from '../../src/features/ProviderIcon/demos/CombineColor.tsx?demo';
import DemoAvatar from '../../src/features/ProviderIcon/demos/Avatar.tsx?demo';
## Default
<Demo of={DemoIndex} layout="center" />
## Color
<Demo of={DemoColor} layout="center" />
## Combine
<Demo of={DemoCombine} layout="center" />
## Combine Color
<Demo of={DemoCombineColor} layout="center" />
## Avatar
<Demo of={DemoAvatar} layout="center" />
## Config
- **Enum:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/providerEnum.ts](https://github.com/lobehub/lobe-icons/blob/master/src/features/providerEnum.ts)
- **Config:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/providerConfig.tsx](https://github.com/lobehub/lobe-icons/blob/master/src/features/providerConfig.tsx)
docs/features/provider-combine.md
-21
View File
@@ -1,21 +0,0 @@
---
nav: Components
group: Features
title: ProviderCombine
apiHeader:
docUrl: 'https://github.com/lobehub/lobe-icons/tree/master/docs/features/provider-combine.md'
sourceUrl: 'https://github.com/lobehub/lobe-icons/tree/master/src/features/ProviderCombine/index.tsx'
---
## Default
<code src="./demos/provider-combine/index.tsx" center></code>
## Mono
<code src="./demos/provider-combine/Mono.tsx" center></code>
## Config
- **Enum:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/providerEnum.ts>
- **Config:** <https://github.com/lobehub/lobe-icons/blob/master/src/features/providerConfig.tsx>
docs/features/provider-combine.mdx
+21
View File
@@ -0,0 +1,21 @@
---
title: ProviderCombine
description: Guide to composing provider icons with labels and variants.
category: Features
---
import DemoIndex from '../../src/features/ProviderCombine/demos/index.tsx?demo';
import DemoMono from '../../src/features/ProviderCombine/demos/Mono.tsx?demo';
## Default
<Demo of={DemoIndex} layout="center" />
## Mono
<Demo of={DemoMono} layout="center" />
## Config
- **Enum:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/providerEnum.ts](https://github.com/lobehub/lobe-icons/blob/master/src/features/providerEnum.ts)
- **Config:** [https://github.com/lobehub/lobe-icons/blob/master/src/features/providerConfig.tsx](https://github.com/lobehub/lobe-icons/blob/master/src/features/providerConfig.tsx)
docs/index.md
-7
View File
@@ -1,7 +0,0 @@
---
hero:
title: LobeHub <b>Icons</b>
description: Popular AI / LLM Model Brand SVG Logo and Icon Collection
---
<code src="./index.tsx" inline></code>
docs/index.mdx
+8
View File
@@ -0,0 +1,8 @@
---
title: LobeHub Icons
description: Popular AI / LLM Model Brand SVG Logo and Icon Collection
---
import DemoIndex from './index.tsx?demo';
<Demo of={DemoIndex} />
docs/index.tsx
+21 -2
View File
@@ -1,6 +1,7 @@
import { Center, Flexbox } from '@lobehub/ui';
import { Features, FeaturesProps } from '@lobehub/ui/awesome';
import { Features, FeaturesProps, Hero } from '@lobehub/ui/awesome';
import { Expand, GitPullRequest, Trees } from 'lucide-react';
import { Link } from 'react-router';
import AgentGuideCard from '@/components/AgentGuideCard';
import Dashboard from '@/components/Dashboard';
@@ -32,7 +33,25 @@ const items: FeaturesProps['items'] = [
export default () => {
return (
<Flexbox gap={48}>
<Flexbox gap={64} paddingBlock={64}>
<Hero
Link={Link}
actions={[
{
github: true,
link: 'https://github.com/lobehub/lobe-icons',
openExternal: true,
text: 'GitHub',
},
{
link: '/components/lobe-hub',
text: 'View all icons',
type: 'primary',
},
]}
description="Popular AI / LLM Model Brand SVG Logo and Icon Collection"
title="LobeHub <b>Icons</b>"
/>
<Center width="100%">
<AgentGuideCard
labels={{
package.json
+11 -9
View File
@@ -37,11 +37,11 @@
"build:toc": "bun scripts/tocWorkflow/index.ts",
"build:watch": "father dev",
"ci": "npm run lint && npm run type-check",
"clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
"dev": "dumi dev",
"docs:build": "dumi build",
"docs:build-analyze": "ANALYZE=1 dumi build",
"docs:dev": "dumi dev",
"clean": "rm -r es lib dist coverage .react-router .eslintcache node_modules/.cache",
"dev": "lobedocs dev",
"docs:build": "lobedocs build",
"docs:build-analyze": "ANALYZE=1 lobedocs build",
"docs:dev": "lobedocs dev",
"doctor": "father doctor",
"lint": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
"lint:circular": "dpdm src/**/*.{ts,tsx} --warning false --tree false --exit-code circular:1 -T true",
@@ -55,7 +55,7 @@
"pull": "git pull",
"release": "semantic-release",
"release:static": "multi-semantic-release --sequential-prepare --debug",
"setup": "dumi setup",
"setup": "lobedocs typegen",
"start": "npm run dev",
"sync:cnpm": "cnpm sync @lobehub/icons-static-svg @lobehub/icons-static-png @lobehub/icons-static-webp @lobehub/icons-static-avatar",
"sync:md": "npm run build:toc && tsx scripts/readmeWorkflow/index.ts",
@@ -93,9 +93,11 @@
"devDependencies": {
"@babel/runtime": "^7.29.7",
"@commitlint/cli": "^19.8.1",
"@lobehub/docs-kit": "^5.22.3",
"@lobehub/lint": "^1.26.3",
"@lobehub/ui": "^5.20.2",
"@lobehub/ui": "^5.22.3",
"@qiwi/multi-semantic-release": "^7.1.2",
"@react-router/dev": "8.2.0",
"@testing-library/react": "^16.3.2",
"@types/pangu": "^4.0.2",
"@types/react": "^19.2.17",
@@ -109,8 +111,6 @@
"cross-env": "^10.1.0",
"dotenv": "^17.4.2",
"dpdm": "^3.15.1",
"dumi": "^2.4.44",
"dumi-theme-lobehub": "^4.1.0",
"eslint": "^8.57.1",
"father": "^4.6.30",
"glob": "^11.1.0",
@@ -126,6 +126,7 @@
"puppeteer": "^24.43.1",
"react": "^19.2.7",
"react-dom": "^19.2.7",
"react-router": "8.2.0",
"remark": "^15.0.1",
"remark-cli": "^12.0.1",
"satori": "^0.15.2",
@@ -135,6 +136,7 @@
"svgo-browser": "^1.3.8",
"tsx": "^4.23.1",
"typescript": "^5.9.3",
"vite": "8.1.4",
"vitest": "^3.2.7"
},
"peerDependencies": {
scripts/tocWorkflow/index.ts
+2 -2
View File
@@ -36,7 +36,7 @@ const run = async () => {
const list = await Promise.all(
iconIds.map(async (key) => {
const iconDir = resolve(srcDir, key);
const md = readFileSync(resolve(iconDir, 'index.md'), 'utf8');
const md = readFileSync(resolve(iconDir, 'index.mdx'), 'utf8');
const stylePath = resolve(iconDir, 'style.ts');
let styleModule: Record<string, string> = {};
@@ -52,7 +52,7 @@ const run = async () => {
desc: data?.description,
docsUrl: customKebabCase(key),
fullTitle: data?.title,
group: String(data?.group?.title || data?.group).toLowerCase(),
group: String(data?.category || data?.group?.title || data?.group).toLowerCase(),
id: key,
param: getIconParams(iconDir),
title: styleModule.TITLE,
src/Ace/index.md → src/Ace/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Model
title: ACE
atomId: Ace
description: https://github.com/ace-step/ACE-Step
category: Model
---
import { Ace } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Ace size={64} />}</DocsPreview>
```tsx
import { Ace } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Ace size={64} />;
## Text
<DocsPreview>{<Ace.Text size={48} />}</DocsPreview>
```tsx
import { Ace } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Ace.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Ace.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ace } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ace.Avatar size={64} />
<Ace.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ace } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Ace.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ace } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Adobe/index.md → src/Adobe/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Adobe
atomId: Adobe
description: https://adobe.com
category: Application
---
import { Adobe } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Adobe size={64} />
<Adobe.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Adobe } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Adobe.Text size={48} />}</DocsPreview>
```tsx
import { Adobe } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Adobe.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Adobe.Combine size={64} />
<Adobe.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Adobe } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Adobe.Avatar size={64} />
<Adobe.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Adobe } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Adobe.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Adobe } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AdobeFirefly/index.md → src/AdobeFirefly/index.mdx
+37 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Firefly (Adobe)
atomId: AdobeFirefly
description: https://firefly.adobe.com
category: Application
---
import { AdobeFirefly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AdobeFirefly size={64} />
<AdobeFirefly.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AdobeFirefly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AdobeFirefly.Text size={48} />}</DocsPreview>
```tsx
import { AdobeFirefly } from '@lobehub/icons';
@@ -30,6 +45,8 @@ export default () => <AdobeFirefly.Text size={48} />;
## Combine
<DocsPreview>{<AdobeFirefly.Combine size={64} />}</DocsPreview>
```tsx
import { AdobeFirefly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -39,6 +56,15 @@ export default () => <AdobeFirefly.Combine size={64} />;
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AdobeFirefly.Avatar size={64} />
<AdobeFirefly.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AdobeFirefly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -53,6 +79,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AdobeFirefly.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AdobeFirefly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AgentVoice/index.md → src/AgentVoice/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AgentVoice
atomId: AgentVoice
description: https://agentvoice.com
category: Provider
---
import { AgentVoice } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AgentVoice size={64} />
<AgentVoice.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgentVoice } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AgentVoice.Text size={48} />}</DocsPreview>
```tsx
import { AgentVoice } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AgentVoice.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AgentVoice.Combine size={64} />
<AgentVoice.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgentVoice } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AgentVoice.Avatar size={64} />
<AgentVoice.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgentVoice } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AgentVoice.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgentVoice } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AgnesAI/index.md → src/AgnesAI/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Application
title: Agnes AI
atomId: AgnesAI
description: https://agnes-ai.com
category: Application
---
import { AgnesAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<AgnesAI size={64} />}</DocsPreview>
```tsx
import { AgnesAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <AgnesAI size={64} />;
## Text
<DocsPreview>{<AgnesAI.Text size={48} />}</DocsPreview>
```tsx
import { AgnesAI } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <AgnesAI.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AgnesAI.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgnesAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AgnesAI.Avatar size={64} />
<AgnesAI.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgnesAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AgnesAI.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AgnesAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Agui/index.md → src/Agui/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Application
title: AG-UI
atomId: Agui
description: https://ag-ui.com
category: Application
---
import { Agui } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Agui size={64} />}</DocsPreview>
```tsx
import { Agui } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Agui size={64} />;
## Text
<DocsPreview>{<Agui.Text size={48} />}</DocsPreview>
```tsx
import { Agui } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Agui.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Agui.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Agui } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Agui.Avatar size={64} />
<Agui.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Agui } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Agui.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Agui } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Ai2/index.md → src/Ai2/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: Ai2
atomId: Ai2
description: https://allenai.org/
category: Model
---
import { Ai2 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai2 size={64} />
<Ai2.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai2 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Ai2.Text size={48} />}</DocsPreview>
```tsx
import { Ai2 } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Ai2.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Ai2.Combine size={64} />
<Ai2.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai2 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai2.Avatar size={64} />
<Ai2.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai2 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Ai2.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai2 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Ai21/index.md → src/Ai21/index.mdx
+54 -3
View File
@@ -1,13 +1,25 @@
---
nav: Components
group: Model
title: Ai21Labs (Jamba)
atomId: Ai21
description: https://huggingface.co/ai21labs
category: Model
---
import { Ai21 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai21 size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai21 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -21,6 +33,8 @@ export default () => (
## Text
<DocsPreview>{<Ai21.Text size={48} />}</DocsPreview>
```tsx
import { Ai21 } from '@lobehub/icons';
@@ -29,6 +43,15 @@ export default () => <Ai21.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Ai21.Combine size={64} />
<Ai21.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai21 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -43,6 +66,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Ai21.Brand size={48} />
<Ai21.BrandColor size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai21 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -57,6 +89,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai21.Avatar size={64} background={Ai21.colorGradient} />
<Ai21.Avatar size={64} />
<Ai21.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai21 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -72,6 +114,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Ai21.colorPrimary} />
<ColorPreview color={Ai21.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai21 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Ai302/index.md → src/Ai302/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: 302.AI
atomId: Ai302
description: https://302.ai/
category: Provider
---
import { Ai302 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai302 size={64} />
<Ai302.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai302 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Ai302.Text size={64} />}</DocsPreview>
```tsx
import { Ai302 } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Ai302.Text size={64} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Ai302.Combine size={64} />
<Ai302.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai302 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai302.Avatar size={64} />
<Ai302.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai302 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Ai302.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai302 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Ai360/index.md → src/Ai360/index.mdx
+46 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Ai360 (360智脑)
atomId: Ai360
description: https://ai.360.com/
category: Provider
---
import { Ai360 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai360 size={64} />
<Ai360.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai360 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Ai360.Text size={48} />}</DocsPreview>
```tsx
import { Ai360 } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Ai360.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Ai360.Combine size={64} />
<Ai360.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai360 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Ai360.Avatar size={64} background={Ai360.colorPrimary} />
<Ai360.Avatar size={64} />
<Ai360.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai360 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Ai360.colorPrimary} />
<ColorPreview color={Ai360.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Ai360 } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AiHubMix/index.md → src/AiHubMix/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AiHubMix (推理时代)
atomId: AiHubMix
description: https://aihubmix.com
category: Provider
---
import { AiHubMix } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AiHubMix size={64} />
<AiHubMix.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiHubMix } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AiHubMix.Text size={48} />}</DocsPreview>
```tsx
import { AiHubMix } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AiHubMix.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AiHubMix.Combine size={64} />
<AiHubMix.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiHubMix } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AiHubMix.Avatar size={64} />
<AiHubMix.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiHubMix } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AiHubMix.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiHubMix } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AiMass/index.md → src/AiMass/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AiMass (紫东太初)
atomId: AiMass
description: https://ai-maas.wair.ac.cn
category: Provider
---
import { AiMass } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AiMass size={64} />
<AiMass.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiMass } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AiMass.Text size={48} />}</DocsPreview>
```tsx
import { AiMass } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AiMass.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AiMass.Combine size={64} />
<AiMass.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiMass } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AiMass.Avatar size={64} />
<AiMass.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiMass } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AiMass.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiMass } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AiStudio/index.md → src/AiStudio/index.mdx
+42 -3
View File
@@ -1,13 +1,25 @@
---
nav: Components
group: Provider
title: AI Studio (Google)
atomId: AiStudio
description: https://aistudio.google.com
category: Provider
---
import { AiStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AiStudio size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -21,6 +33,8 @@ export default () => (
## Text
<DocsPreview>{<AiStudio.Text size={48} />}</DocsPreview>
```tsx
import { AiStudio } from '@lobehub/icons';
@@ -29,6 +43,14 @@ export default () => <AiStudio.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AiStudio.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -42,6 +64,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AiStudio.Avatar size={64} />
<AiStudio.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -56,6 +87,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AiStudio.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AiStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AionLabs/index.md → src/AionLabs/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: AionLabs
atomId: AionLabs
description: https://aionlabs.ai
category: Model
---
import { AionLabs } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AionLabs size={64} />
<AionLabs.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AionLabs } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AionLabs.Text size={48} />}</DocsPreview>
```tsx
import { AionLabs } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AionLabs.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AionLabs.Combine size={64} />
<AionLabs.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AionLabs } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AionLabs.Avatar size={64} />
<AionLabs.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AionLabs } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AionLabs.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AionLabs } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AirJelly/index.md → src/AirJelly/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: AirJelly
atomId: AirJelly
description: https://airjelly.ai
category: Application
---
import { AirJelly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AirJelly size={64} />
<AirJelly.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AirJelly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AirJelly.Text size={48} />}</DocsPreview>
```tsx
import { AirJelly } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AirJelly.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AirJelly.Combine size={64} />
<AirJelly.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AirJelly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AirJelly.Avatar size={64} />
<AirJelly.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AirJelly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AirJelly.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AirJelly } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AkashChat/index.md → src/AkashChat/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AkashChat
atomId: AkashChat
description: https://chatapi.akash.network
category: Provider
---
import { AkashChat } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AkashChat size={64} />
<AkashChat.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AkashChat } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AkashChat.Text size={48} />}</DocsPreview>
```tsx
import { AkashChat } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AkashChat.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AkashChat.Combine size={64} />
<AkashChat.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AkashChat } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AkashChat.Avatar size={64} />
<AkashChat.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AkashChat } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AkashChat.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AkashChat } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AlephAlpha/index.md → src/AlephAlpha/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: AlephAlpha
atomId: AlephAlpha
description: https://aleph-alpha.com
category: Provider
---
import { AlephAlpha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<AlephAlpha size={64} />}</DocsPreview>
```tsx
import { AlephAlpha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <AlephAlpha size={64} />;
## Text
<DocsPreview>{<AlephAlpha.Text size={48} />}</DocsPreview>
```tsx
import { AlephAlpha } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <AlephAlpha.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AlephAlpha.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlephAlpha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AlephAlpha.Avatar size={64} />
<AlephAlpha.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlephAlpha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AlephAlpha.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlephAlpha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Alibaba/index.md → src/Alibaba/index.mdx
+51 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Alibaba
atomId: Alibaba
description: https://alibaba.com
category: Provider
---
import { Alibaba } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Alibaba size={64} />
<Alibaba.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Alibaba } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,15 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Alibaba.Text size={48} />
<Alibaba.TextCn size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Alibaba } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -36,6 +58,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Alibaba.Brand size={64} />
<Alibaba.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Alibaba } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -50,6 +81,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Alibaba.Avatar size={64} />
<Alibaba.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Alibaba } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -64,6 +104,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Alibaba.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Alibaba } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AlibabaCloud/index.md → src/AlibabaCloud/index.mdx
+51 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AlibabaCloud (阿里云)
atomId: AlibabaCloud
description: https://aliyun.com
category: Provider
---
import { AlibabaCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AlibabaCloud size={64} />
<AlibabaCloud.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlibabaCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,15 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AlibabaCloud.Text size={48} />
<AlibabaCloud.TextCn size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlibabaCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -36,6 +58,15 @@ export default () => (
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AlibabaCloud.Combine size={64} />
<AlibabaCloud.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlibabaCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -50,6 +81,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AlibabaCloud.Avatar size={64} />
<AlibabaCloud.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlibabaCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -64,6 +104,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AlibabaCloud.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AlibabaCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Amp/index.md → src/Amp/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Amp
atomId: Amp
description: https://ampcode.com
category: Application
---
import { Amp } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Amp size={64} />
<Amp.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Amp } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Amp.Text size={48} />}</DocsPreview>
```tsx
import { Amp } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Amp.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Amp.Combine size={64} />
<Amp.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Amp } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Amp.Avatar size={64} />
<Amp.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Amp } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Amp.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Amp } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Anspire/index.md → src/Anspire/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Anspire
atomId: Anspire
description: https://anspire.ai
category: Provider
---
import { Anspire } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Anspire size={64} />
<Anspire.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anspire } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Anspire.Text size={48} />}</DocsPreview>
```tsx
import { Anspire } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Anspire.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Anspire.Combine size={64} />
<Anspire.Combine type={'color'} size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anspire } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Anspire.Avatar size={64} />
<Anspire.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anspire } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Anspire.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anspire } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AntGroup/index.md → src/AntGroup/index.mdx
+51 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AntGroup
atomId: AntGroup
description: https://antgroup.com
category: Provider
---
import { AntGroup } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AntGroup size={64} />
<AntGroup.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AntGroup } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,15 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AntGroup.Text size={48} />
<AntGroup.TextCn size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AntGroup } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -36,6 +58,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AntGroup.Brand size={64} />
<AntGroup.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AntGroup } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -50,6 +81,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AntGroup.Avatar size={64} />
<AntGroup.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AntGroup } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -64,6 +104,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AntGroup.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AntGroup } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Anthropic/index.md → src/Anthropic/index.mdx
+28 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: Anthropic
atomId: Anthropic
description: https://anthropic.com
category: Provider
---
import { Anthropic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Anthropic size={64} />}</DocsPreview>
```tsx
import { Anthropic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Anthropic size={64} />;
## Text
<DocsPreview>{<Anthropic.Text size={48} />}</DocsPreview>
```tsx
import { Anthropic } from '@lobehub/icons';
@@ -25,6 +33,15 @@ export default () => <Anthropic.Text size={48} />;
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Anthropic.Avatar size={64} />
<Anthropic.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anthropic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -39,6 +56,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Anthropic.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anthropic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Antigravity/index.md → src/Antigravity/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Antigravity (Google)
atomId: Antigravity
description: https://antigravity.google
category: Application
---
import { Antigravity } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Antigravity size={64} />
<Antigravity.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Antigravity } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Antigravity.Text size={48} />}</DocsPreview>
```tsx
import { Antigravity } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Antigravity.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Antigravity.Combine size={64} />
<Antigravity.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Antigravity } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Antigravity.Avatar size={64} />
<Antigravity.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Antigravity } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Antigravity.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Antigravity } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Anyscale/index.md → src/Anyscale/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Anyscale
atomId: Anyscale
description: https://anyscale.com
category: Provider
---
import { Anyscale } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Anyscale size={64} />
<Anyscale.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anyscale } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Anyscale.Text size={48} />}</DocsPreview>
```tsx
import { Anyscale } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Anyscale.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Anyscale.Combine size={64} />
<Anyscale.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anyscale } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Anyscale.Avatar size={64} />
<Anyscale.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anyscale } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Anyscale.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Anyscale } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Apertis/index.md → src/Apertis/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Apertis
atomId: Apertis
description: https://apertis.ai
category: Provider
---
import { Apertis } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Apertis size={64} />
<Apertis.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apertis } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Apertis.Text size={48} />}</DocsPreview>
```tsx
import { Apertis } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Apertis.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Apertis.Combine size={64} />
<Apertis.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apertis } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Apertis.Avatar size={64} />
<Apertis.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apertis } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Apertis.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apertis } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Apple/index.md → src/Apple/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: Apple
atomId: Apple
description: https://apple.com
category: Provider
---
import { Apple } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Apple size={64} />}</DocsPreview>
```tsx
import { Apple } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Apple size={64} />;
## Text
<DocsPreview>{<Apple.Text size={48} />}</DocsPreview>
```tsx
import { Apple } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Apple.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Apple.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apple } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Apple.Avatar size={64} />
<Apple.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apple } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Apple.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Apple } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Arcee/index.md → src/Arcee/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: Arcee
atomId: Arcee
description: https://arcee.ai/
category: Model
---
import { Arcee } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Arcee size={64} />
<Arcee.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Arcee } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Arcee.Text size={48} />}</DocsPreview>
```tsx
import { Arcee } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Arcee.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Arcee.Combine size={64} />
<Arcee.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Arcee } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Arcee.Avatar size={64} />
<Arcee.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Arcee } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Arcee.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Arcee } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AskVerdict/index.md → src/AskVerdict/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: AskVerdict
atomId: AskVerdict
description: https://askverdict.ai
category: Application
---
import { AskVerdict } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AskVerdict size={64} />
<AskVerdict.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AskVerdict } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AskVerdict.Text size={48} />}</DocsPreview>
```tsx
import { AskVerdict } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AskVerdict.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={32}>
<AskVerdict.Combine size={64} />
<AskVerdict.Combine size={64} type="color" />
</Flexbox>
}
</DocsPreview>
```tsx
import { AskVerdict } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AskVerdict.Avatar size={64} />
<AskVerdict.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AskVerdict } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AskVerdict.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AskVerdict } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AssemblyAI/index.md → src/AssemblyAI/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: AssemblyAI
atomId: AssemblyAI
description: https://assemblyai.com
category: Model
---
import { AssemblyAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AssemblyAI size={64} />
<AssemblyAI.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AssemblyAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AssemblyAI.Text size={48} />}</DocsPreview>
```tsx
import { AssemblyAI } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AssemblyAI.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AssemblyAI.Combine size={64} />
<AssemblyAI.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AssemblyAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AssemblyAI.Avatar size={64} />
<AssemblyAI.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AssemblyAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AssemblyAI.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AssemblyAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AtlasCloud/index.md → src/AtlasCloud/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: AtlasCloud
atomId: AtlasCloud
description: https://atlascloud.ai
category: Provider
---
import { AtlasCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<AtlasCloud size={64} />}</DocsPreview>
```tsx
import { AtlasCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <AtlasCloud size={64} />;
## Text
<DocsPreview>{<AtlasCloud.Text size={48} />}</DocsPreview>
```tsx
import { AtlasCloud } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <AtlasCloud.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AtlasCloud.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AtlasCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AtlasCloud.Avatar size={64} />
<AtlasCloud.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AtlasCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AtlasCloud.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AtlasCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Automatic/index.md → src/Automatic/index.mdx
+45 -4
View File
@@ -1,16 +1,29 @@
---
nav: Components
group: Application
title: Automatic1111 (SD Webui)
atomId: Automatic
description: https://github.com/AUTOMATIC1111/stable-diffusion-webui
category: Application
---
import { Automatic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
**Not Official**: This icon has not been verified by the official source and comes from the online community.
<https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/2901>
[https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/2901](https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/2901)
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Automatic size={64} />
<Automatic.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Automatic } from '@lobehub/icons';
@@ -26,6 +39,8 @@ export default () => (
## Text
<DocsPreview>{<Automatic.Text size={48} />}</DocsPreview>
```tsx
import { Automatic } from '@lobehub/icons';
@@ -34,6 +49,15 @@ export default () => <Automatic.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Automatic.Combine size={64} />
<Automatic.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Automatic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -48,6 +72,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Automatic.Avatar size={64} />
<Automatic.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Automatic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -62,6 +95,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Automatic.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Automatic } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Aws/index.md → src/Aws/index.mdx
+53 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AWS
atomId: Aws
description: https://aws.amazon.com
category: Provider
---
import { Aws } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Aws size={64} />
<Aws.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aws } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Aws.Text size={48} />}</DocsPreview>
```tsx
import { Aws } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Aws.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Aws.Combine size={64} />
<Aws.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aws } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Aws.Brand size={64} />
<Aws.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aws } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Aws.Avatar size={64} />
<Aws.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aws } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -72,6 +114,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Aws.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aws } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Aya/index.md → src/Aya/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: Aya (Cohere)
atomId: Aya
description: https://cohere.com/research/aya
category: Model
---
import { Aya } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Aya size={64} />
<Aya.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aya } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Aya.Text size={48} />}</DocsPreview>
```tsx
import { Aya } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Aya.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Aya.Combine size={64} />
<Aya.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aya } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Aya.Avatar size={64} />
<Aya.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aya } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Aya.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Aya } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Azure/index.md → src/Azure/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Microsoft Azure
atomId: Azure
description: https://azure.microsoft.com
category: Provider
---
import { Azure } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Azure size={64} />
<Azure.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Azure } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Azure.Text size={48} />}</DocsPreview>
```tsx
import { Azure } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Azure.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Azure.Combine size={64} />
<Azure.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Azure } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Azure.Avatar size={64} />
<Azure.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Azure } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Azure.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Azure } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/AzureAI/index.md → src/AzureAI/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: AzureAI
atomId: AzureAI
description: https://ai.azure.com
category: Provider
---
import { AzureAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AzureAI size={64} />
<AzureAI.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AzureAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<AzureAI.Text size={48} />}</DocsPreview>
```tsx
import { AzureAI } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <AzureAI.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<AzureAI.Combine size={64} />
<AzureAI.Combine type={'color'} size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AzureAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<AzureAI.Avatar size={64} />
<AzureAI.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AzureAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={AzureAI.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { AzureAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/BAAI/index.md → src/BAAI/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Model
title: BAAI (智源研究院)
atomId: BAAI
description: https://baai.ac.cn
category: Model
---
import { BAAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<BAAI size={64} />}</DocsPreview>
```tsx
import { BAAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <BAAI size={64} />;
## Text
<DocsPreview>{<BAAI.Text size={48} />}</DocsPreview>
```tsx
import { BAAI } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <BAAI.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<BAAI.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BAAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BAAI.Avatar size={64} />
<BAAI.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BAAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={BAAI.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BAAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Baichuan/index.md → src/Baichuan/index.mdx
+45 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: Baichuan (百川)
atomId: Baichuan
description: https://baichuan-ai.com
category: Model
---
import { Baichuan } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Baichuan size={64} />
<Baichuan.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baichuan } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Baichuan.Text size={48} />}</DocsPreview>
```tsx
import { Baichuan } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Baichuan.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Baichuan.Combine size={64} />
<Baichuan.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baichuan } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Baichuan.Avatar size={64} background={Baichuan.colorGradient} />
<Baichuan.Avatar size={64} />
<Baichuan.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baichuan } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Baichuan.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baichuan } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Baidu/index.md → src/Baidu/index.mdx
+51 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Baidu
atomId: Baidu
description: https://baidu.com
category: Provider
---
import { Baidu } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Baidu size={64} />
<Baidu.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baidu } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,15 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Baidu.Text size={48} />
<Baidu.TextCn size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baidu } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -36,6 +58,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Baidu.Brand size={64} />
<Baidu.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baidu } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -50,6 +81,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Baidu.Avatar size={64} />
<Baidu.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baidu } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -64,6 +104,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Baidu.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baidu } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/BaiduCloud/index.md → src/BaiduCloud/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: BaiduCloud (百度智能云)
atomId: BaiduCloud
description: https://cloud.baidu.com
category: Provider
---
import { BaiduCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BaiduCloud size={64} />
<BaiduCloud.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BaiduCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<BaiduCloud.Text size={48} />}</DocsPreview>
```tsx
import { BaiduCloud } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <BaiduCloud.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<BaiduCloud.Combine size={64} />
<BaiduCloud.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BaiduCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BaiduCloud.Avatar size={64} />
<BaiduCloud.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BaiduCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={BaiduCloud.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BaiduCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Bailian/index.md → src/Bailian/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Bailian (阿里云百炼)
atomId: Bailian
description: https://bailian.console.aliyun.com
category: Provider
---
import { Bailian } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bailian size={64} />
<Bailian.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bailian } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Bailian.Text size={48} />}</DocsPreview>
```tsx
import { Bailian } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Bailian.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Bailian.Combine size={64} />
<Bailian.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bailian } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bailian.Avatar size={64} />
<Bailian.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bailian } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Bailian.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bailian } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Baseten/index.md → src/Baseten/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: Baseten
atomId: Baseten
description: https://baseten.co
category: Provider
---
import { Baseten } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Baseten size={64} />}</DocsPreview>
```tsx
import { Baseten } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Baseten size={64} />;
## Text
<DocsPreview>{<Baseten.Text size={48} />}</DocsPreview>
```tsx
import { Baseten } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Baseten.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Baseten.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baseten } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Baseten.Avatar size={64} />
<Baseten.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baseten } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Baseten.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Baseten } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Bedrock/index.md → src/Bedrock/index.mdx
+46 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Bedrock (AWS)
atomId: Bedrock
description: https://aws.amazon.com/bedrock
category: Provider
---
import { Bedrock } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bedrock size={64} />
<Bedrock.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bedrock } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Bedrock.Text size={48} />}</DocsPreview>
```tsx
import { Bedrock } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Bedrock.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Bedrock.Combine size={64} />
<Bedrock.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bedrock } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bedrock.Avatar size={64} background={Bedrock.colorPrimary} />
<Bedrock.Avatar size={64} />
<Bedrock.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bedrock } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Bedrock.colorPrimary} />
<ColorPreview color={Bedrock.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bedrock } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Bfl/index.md → src/Bfl/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: Black Forest Labs (bfl)
atomId: Bfl
description: https://bfl.ai
category: Provider
---
import { Bfl } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Bfl size={64} />}</DocsPreview>
```tsx
import { Bfl } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Bfl size={64} />;
## Text
<DocsPreview>{<Bfl.Text size={48} />}</DocsPreview>
```tsx
import { Bfl } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Bfl.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Bfl.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bfl } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bfl.Avatar size={64} />
<Bfl.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bfl } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Bfl.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bfl } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Bilibili/index.md → src/Bilibili/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Bilibili (哔哩哔哩)
atomId: Bilibili
description: https://github.com/bilibili
category: Provider
---
import { Bilibili } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bilibili size={64} />
<Bilibili.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bilibili } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Bilibili.Text size={48} />}</DocsPreview>
```tsx
import { Bilibili } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Bilibili.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Bilibili.Combine size={64} />
<Bilibili.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bilibili } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bilibili.Avatar size={64} />
<Bilibili.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bilibili } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Bilibili.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bilibili } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/BilibiliIndex/index.md → src/BilibiliIndex/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Model
title: Bilibili Index (Index Team)
atomId: BilibiliIndex
description: https://huggingface.co/IndexTeam
category: Model
---
import { BilibiliIndex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<BilibiliIndex size={64} />}</DocsPreview>
```tsx
import { BilibiliIndex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <BilibiliIndex size={64} />;
## Text
<DocsPreview>{<BilibiliIndex.Text size={48} />}</DocsPreview>
```tsx
import { BilibiliIndex } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <BilibiliIndex.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<BilibiliIndex.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BilibiliIndex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BilibiliIndex.Avatar size={64} />
<BilibiliIndex.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BilibiliIndex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={BilibiliIndex.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BilibiliIndex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Bing/index.md → src/Bing/index.mdx
+46 -5
View File
@@ -1,15 +1,26 @@
---
nav: Components
group:
title: Application
order: 10
title: Microsoft Bing
atomId: Bing
description: https://bing.com
category: Application
---
import { Bing } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bing size={64} />
<Bing.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bing } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -24,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Bing.Text size={48} />}</DocsPreview>
```tsx
import { Bing } from '@lobehub/icons';
@@ -32,6 +45,15 @@ export default () => <Bing.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Bing.Combine size={64} />
<Bing.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bing } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -46,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bing.Avatar size={64} background={Bing.colorPrimary} />
<Bing.Avatar size={64} />
<Bing.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bing } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -61,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Bing.colorPrimary} />
<ColorPreview color={Bing.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bing } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Bocha/index.md → src/Bocha/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Bocha (博查)
atomId: Bocha
description: https://open.bochaai.com
category: Provider
---
import { Bocha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bocha size={64} />
<Bocha.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bocha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Bocha.Text size={48} />}</DocsPreview>
```tsx
import { Bocha } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Bocha.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Bocha.Combine size={64} />
<Bocha.Combine type={'color'} size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bocha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Bocha.Avatar size={64} />
<Bocha.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bocha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Bocha.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Bocha } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Brave/index.md → src/Brave/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Brave
atomId: Brave
description: https://brave.com
category: Provider
---
import { Brave } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Brave size={64} />
<Brave.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Brave } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Brave.Text size={48} />}</DocsPreview>
```tsx
import { Brave } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Brave.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Brave.Combine size={64} />
<Brave.Combine type={'color'} size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Brave } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Brave.Avatar size={64} />
<Brave.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Brave } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Brave.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Brave } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/BriaAI/index.md → src/BriaAI/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: BRIA AI
atomId: BriaAI
description: https://bria.ai
category: Provider
---
import { BriaAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BriaAI size={64} />
<BriaAI.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BriaAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<BriaAI.Text size={48} />}</DocsPreview>
```tsx
import { BriaAI } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <BriaAI.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<BriaAI.Combine size={64} />
<BriaAI.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BriaAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BriaAI.Avatar size={64} />
<BriaAI.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BriaAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={BriaAI.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BriaAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Browserless/index.md → src/Browserless/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Provider
title: Browserless
atomId: Browserless
description: https://browserless.js.org
category: Provider
---
import { Browserless } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Browserless size={64} />}</DocsPreview>
```tsx
import { Browserless } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Browserless size={64} />;
## Text
<DocsPreview>{<Browserless.Text size={48} />}</DocsPreview>
```tsx
import { Browserless } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Browserless.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Browserless.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Browserless } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Browserless.Avatar size={64} />
<Browserless.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Browserless } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Browserless.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Browserless } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/BurnCloud/index.md → src/BurnCloud/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: BurnCloud
atomId: BurnCloud
description: https://ai.burncloud.com
category: Provider
---
import { BurnCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BurnCloud size={64} />
<BurnCloud.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BurnCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<BurnCloud.Text size={48} />}</DocsPreview>
```tsx
import { BurnCloud } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <BurnCloud.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<BurnCloud.Combine size={64} />
<BurnCloud.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BurnCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<BurnCloud.Avatar size={64} />
<BurnCloud.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BurnCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={BurnCloud.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { BurnCloud } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/ByteDance/index.md → src/ByteDance/index.mdx
+51 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: ByteDance
atomId: ByteDance
description: https://bytedance.com
category: Provider
---
import { ByteDance } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ByteDance size={64} />
<ByteDance.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ByteDance } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,15 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<ByteDance.Text size={48} />
<ByteDance.TextCn size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ByteDance } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -36,6 +58,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<ByteDance.Brand size={64} />
<ByteDance.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ByteDance } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -50,6 +81,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ByteDance.Avatar size={64} />
<ByteDance.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ByteDance } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -64,6 +104,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={ByteDance.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ByteDance } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CapCut/index.md → src/CapCut/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Application
title: CapCut
atomId: CapCut
description: https://capcut.com
category: Application
---
import { CapCut } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<CapCut size={64} />}</DocsPreview>
```tsx
import { CapCut } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <CapCut size={64} />;
## Text
<DocsPreview>{<CapCut.Text size={48} />}</DocsPreview>
```tsx
import { CapCut } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <CapCut.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CapCut.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CapCut } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CapCut.Avatar size={64} />
<CapCut.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CapCut } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CapCut.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CapCut } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CelestoAI/index.md → src/CelestoAI/index.mdx
+50 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: CelestoAI
atomId: CelestoAI
description: https://celesto.ai
category: Application
---
import { CelestoAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CelestoAI size={64} />
<CelestoAI.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CelestoAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,14 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CelestoAI.Text size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CelestoAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -35,6 +56,15 @@ export default () => (
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CelestoAI.Combine size={64} />
<CelestoAI.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CelestoAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -49,6 +79,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CelestoAI.Avatar size={64} />
<CelestoAI.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CelestoAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -63,6 +102,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CelestoAI.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CelestoAI } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CentML/index.md → src/CentML/index.mdx
+53 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: CentML
atomId: CentML
description: https://centml.ai
category: Provider
---
import { CentML } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CentML size={64} />
<CentML.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CentML } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CentML.Text size={48} />}</DocsPreview>
```tsx
import { CentML } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CentML.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CentML.Combine size={64} />
<CentML.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CentML } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CentML.Brand size={64} />
<CentML.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CentML } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CentML.Avatar size={64} />
<CentML.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CentML } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -72,6 +114,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CentML.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CentML } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Cerebras/index.md → src/Cerebras/index.mdx
+53 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Cerebras
atomId: Cerebras
description: https://cerebras.ai
category: Provider
---
import { Cerebras } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cerebras size={64} />
<Cerebras.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cerebras } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Cerebras.Text size={48} />}</DocsPreview>
```tsx
import { Cerebras } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Cerebras.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Cerebras.Combine size={64} />
<Cerebras.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cerebras } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Brands
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Cerebras.Brand size={64} />
<Cerebras.BrandColor size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cerebras } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cerebras.Avatar size={64} />
<Cerebras.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cerebras } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -72,6 +114,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Cerebras.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cerebras } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/ChatGLM/index.md → src/ChatGLM/index.mdx
+46 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
atomId: ChatGLM
title: ChatGLM (智谱)
description: https://github.com/THUDM/ChatGLM-6B
category: Model
---
import { ChatGLM } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ChatGLM size={64} />
<ChatGLM.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ChatGLM } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<ChatGLM.Text size={48} />}</DocsPreview>
```tsx
import { ChatGLM } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <ChatGLM.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<ChatGLM.Combine size={64} />
<ChatGLM.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ChatGLM } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ChatGLM.Avatar size={64} background={ChatGLM.colorGradient} />
<ChatGLM.Avatar size={64} />
<ChatGLM.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ChatGLM } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={ChatGLM.colorPrimary} />
<ColorPreview color={ChatGLM.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ChatGLM } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CherryStudio/index.md → src/CherryStudio/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Cherry Studio
atomId: CherryStudio
description: https://cherry-ai.com
category: Application
---
import { CherryStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CherryStudio size={64} />
<CherryStudio.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CherryStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CherryStudio.Text size={48} />}</DocsPreview>
```tsx
import { CherryStudio } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CherryStudio.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CherryStudio.Combine size={64} />
<CherryStudio.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CherryStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CherryStudio.Avatar size={64} />
<CherryStudio.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CherryStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CherryStudio.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CherryStudio } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Civitai/index.md → src/Civitai/index.mdx
+51 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Civitai
atomId: Civitai
description: https://civitai.com
category: Provider
---
import { Civitai } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Civitai size={64} />
<Civitai.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Civitai } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,15 @@ export default () => (
## Text
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Civitai.Text size={48} />
<Civitai.TextColor size={48} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Civitai } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -36,6 +58,15 @@ export default () => (
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Civitai.Combine size={64} />
<Civitai.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Civitai } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -50,6 +81,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Civitai.Avatar size={64} />
<Civitai.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Civitai } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -64,6 +104,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Civitai.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Civitai } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Claude/index.md → src/Claude/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: Claude
atomId: Claude
description: https://claude.ai
category: Model
---
import { Claude } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Claude size={64} />
<Claude.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Claude } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Claude.Text size={48} />}</DocsPreview>
```tsx
import { Claude } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Claude.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Claude.Combine size={64} />
<Claude.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Claude } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Claude.Avatar size={64} />
<Claude.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Claude } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Claude.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Claude } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/ClaudeCode/index.md → src/ClaudeCode/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Claude Code
atomId: ClaudeCode
description: https://code.claude.com
category: Application
---
import { ClaudeCode } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ClaudeCode size={64} />
<ClaudeCode.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ClaudeCode } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<ClaudeCode.Text size={48} />}</DocsPreview>
```tsx
import { ClaudeCode } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <ClaudeCode.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<ClaudeCode.Combine size={64} />
<ClaudeCode.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ClaudeCode } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ClaudeCode.Avatar size={64} />
<ClaudeCode.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ClaudeCode } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={ClaudeCode.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { ClaudeCode } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Cline/index.md → src/Cline/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Application
title: Cline
atomId: Cline
description: https://cline.bot
category: Application
---
import { Cline } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Cline size={64} />}</DocsPreview>
```tsx
import { Cline } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Cline size={64} />;
## Text
<DocsPreview>{<Cline.Text size={48} />}</DocsPreview>
```tsx
import { Cline } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Cline.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Cline.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cline } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cline.Avatar size={64} />
<Cline.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cline } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Cline.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cline } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Clipdrop/index.md → src/Clipdrop/index.mdx
+36 -3
View File
@@ -1,13 +1,19 @@
---
nav: Components
group: Application
title: Clipdrop
atomId: Clipdrop
description: https://clipdrop.co
category: Application
---
import { Clipdrop } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>{<Clipdrop size={64} />}</DocsPreview>
```tsx
import { Clipdrop } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -17,6 +23,8 @@ export default () => <Clipdrop size={64} />;
## Text
<DocsPreview>{<Clipdrop.Text size={48} />}</DocsPreview>
```tsx
import { Clipdrop } from '@lobehub/icons';
@@ -25,6 +33,14 @@ export default () => <Clipdrop.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Clipdrop.Combine size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Clipdrop } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -38,6 +54,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Clipdrop.Avatar size={64} />
<Clipdrop.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Clipdrop } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -52,6 +77,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Clipdrop.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Clipdrop } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Cloudflare/index.md → src/Cloudflare/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Cloudflare
atomId: Cloudflare
description: https://cloudflare.com
category: Provider
---
import { Cloudflare } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cloudflare size={64} />
<Cloudflare.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cloudflare } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Cloudflare.Text size={48} />}</DocsPreview>
```tsx
import { Cloudflare } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Cloudflare.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Cloudflare.Combine size={64} />
<Cloudflare.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cloudflare } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cloudflare.Avatar size={64} />
<Cloudflare.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cloudflare } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Cloudflare.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cloudflare } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CodeBuddy/index.md → src/CodeBuddy/index.mdx
+46 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: CodeBuddy
atomId: CodeBuddy
description: https://codebuddy.ai
category: Application
---
import { CodeBuddy } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CodeBuddy size={64} />
<CodeBuddy.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeBuddy } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CodeBuddy.Text size={48} />}</DocsPreview>
```tsx
import { CodeBuddy } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CodeBuddy.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CodeBuddy.Combine size={64} />
<CodeBuddy.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeBuddy } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CodeBuddy.Avatar size={64} />
<CodeBuddy.Avatar size={64} shape={'square'} />
<CodeBuddy.Avatar size={64} shape={'square'} background={CodeBuddy.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeBuddy } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CodeBuddy.colorPrimary} />
<ColorPreview color={CodeBuddy.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeBuddy } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CodeFlicker/index.md → src/CodeFlicker/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: CodeFlicker
atomId: CodeFlicker
description: https://codeflicker.ai
category: Application
---
import { CodeFlicker } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CodeFlicker size={64} />
<CodeFlicker.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeFlicker } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CodeFlicker.Text size={48} />}</DocsPreview>
```tsx
import { CodeFlicker } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CodeFlicker.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CodeFlicker.Combine size={64} />
<CodeFlicker.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeFlicker } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CodeFlicker.Avatar size={64} />
<CodeFlicker.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeFlicker } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CodeFlicker.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeFlicker } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CodeGeeX/index.md → src/CodeGeeX/index.mdx
+46 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: CodeGeeX
atomId: CodeGeeX
description: https://codegeex.cn/
category: Model
---
import { CodeGeeX } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CodeGeeX size={64} />
<CodeGeeX.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeGeeX } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CodeGeeX.Text size={48} />}</DocsPreview>
```tsx
import { CodeGeeX } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CodeGeeX.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CodeGeeX.Combine size={64} />
<CodeGeeX.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeGeeX } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CodeGeeX.Avatar size={64} background={CodeGeeX.colorGradient} />
<CodeGeeX.Avatar size={64} />
<CodeGeeX.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeGeeX } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CodeGeeX.colorPrimary} />
<ColorPreview color={CodeGeeX.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CodeGeeX } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Codex/index.md → src/Codex/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: Codex (OpenAI)
atomId: Codex
description: https://openai.com/codex
category: Model
---
import { Codex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Codex size={64} />
<Codex.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Codex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Codex.Text size={48} />}</DocsPreview>
```tsx
import { Codex } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Codex.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Codex.Combine size={64} />
<Codex.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Codex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Codex.Avatar size={64} />
<Codex.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Codex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Codex.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Codex } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CogVideo/index.md → src/CogVideo/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: CogVideo
atomId: CogVideo
description: https://github.com/THUDM/CogVideo
category: Model
---
import { CogVideo } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CogVideo size={64} />
<CogVideo.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogVideo } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CogVideo.Text size={48} />}</DocsPreview>
```tsx
import { CogVideo } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CogVideo.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CogVideo.Combine size={64} />
<CogVideo.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogVideo } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CogVideo.Avatar size={64} />
<CogVideo.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogVideo } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CogVideo.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogVideo } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/CogView/index.md → src/CogView/index.mdx
+44 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Model
title: CogView
atomId: CogView
description: https://github.com/THUDM/CogView3
category: Model
---
import { CogView } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CogView size={64} />
<CogView.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogView } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<CogView.Text size={48} />}</DocsPreview>
```tsx
import { CogView } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <CogView.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<CogView.Combine size={64} />
<CogView.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogView } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<CogView.Avatar size={64} />
<CogView.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogView } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -58,6 +91,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={CogView.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { CogView } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Cohere/index.md → src/Cohere/index.mdx
+45 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Provider
title: Cohere
atomId: Cohere
description: https://cohere.com
category: Provider
---
import { Cohere } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cohere size={64} />
<Cohere.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cohere } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Cohere.Text size={48} />}</DocsPreview>
```tsx
import { Cohere } from '@lobehub/icons';
@@ -30,6 +45,16 @@ export default () => <Cohere.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Cohere.Combine size={64} />
<Cohere.Combine size={64} type={'color'} />
<Cohere.Combine size={64} type={'color'} color={Cohere.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cohere } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -45,6 +70,15 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Cohere.Avatar size={64} />
<Cohere.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cohere } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,14 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Cohere.colorPrimary} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Cohere } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
src/Colab/index.md → src/Colab/index.mdx
+46 -3
View File
@@ -1,13 +1,26 @@
---
nav: Components
group: Application
title: Colab (Google)
atomId: Colab
description: https://colab.research.google.com/
category: Application
---
import { Colab } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
import ColorPreview from '../components/ColorPreview';
import DocsPreview from '../components/DocsPreview';
## Icons
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Colab size={64} />
<Colab.Color size={64} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Colab } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -22,6 +35,8 @@ export default () => (
## Text
<DocsPreview>{<Colab.Text size={48} />}</DocsPreview>
```tsx
import { Colab } from '@lobehub/icons';
@@ -30,6 +45,15 @@ export default () => <Colab.Text size={48} />;
## Combine
<DocsPreview>
{
<Flexbox gap={16} align={'flex-start'}>
<Colab.Combine size={64} />
<Colab.Combine size={64} type={'color'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Colab } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -44,6 +68,16 @@ export default () => (
## Avatars
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<Colab.Avatar size={64} background={Colab.colorPrimary} />
<Colab.Avatar size={64} />
<Colab.Avatar size={64} shape={'square'} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Colab } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';
@@ -59,6 +93,15 @@ export default () => (
## Colors
<DocsPreview>
{
<Flexbox gap={16} horizontal>
<ColorPreview color={Colab.colorPrimary} />
<ColorPreview color={Colab.colorGradient} />
</Flexbox>
}
</DocsPreview>
```tsx
import { Colab } from '@lobehub/icons';
import { Flexbox } from '@lobehub/ui';

Some files were not shown because too many files have changed in this diff Show More