mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-11-15 14:08:49 +00:00
KarsaandEric Fennis
e4be16acd5
* fix(docs): replace missing LucideIcon icon names in guides * feat(docs): add How to use Lucide icons section to resources * feat(docs): update accessibility guide links * fix(docs): fix dead link in guide.md * fix(docs): fix color in example image * fix(docs): fix overlay color in example images * fix(how-to): added caution guidance type & rework some guidance rules relating to compact interfaces * fix(how-to): replaced caution items, what the heck, when did I reorder these 😅 * fix(how-to): fix colors --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
108 lines
2.8 KiB
TypeScript
108 lines
2.8 KiB
TypeScript
import { DefaultTheme } from 'vitepress';
|
|
|
|
export const angularSidebar = [
|
|
{
|
|
items: [
|
|
{
|
|
text: 'Overview',
|
|
link: '/guide/angular/',
|
|
},
|
|
{
|
|
text: 'Getting started',
|
|
link: '/guide/angular/getting-started',
|
|
desc: 'Learn how to get started with Lucide for Angular.',
|
|
},
|
|
{
|
|
text: 'Migration from v0',
|
|
link: '/guide/angular/migration',
|
|
desc: 'Learn how to migrate from v0 to v1 of Lucide.',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
text: 'Basics',
|
|
items: [
|
|
{
|
|
text: 'Color',
|
|
desc: 'Adjust the color of your icons',
|
|
link: '/guide/angular/basics/color',
|
|
},
|
|
{
|
|
text: 'Sizing',
|
|
desc: 'Adjust the size of your icons',
|
|
link: '/guide/angular/basics/sizing',
|
|
},
|
|
{
|
|
text: 'Stroke width',
|
|
desc: 'Adjust the stroke width of your icons',
|
|
link: '/guide/angular/basics/stroke-width',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
text: 'Advanced',
|
|
items: [
|
|
{
|
|
text: 'Typescript',
|
|
link: '/guide/angular/advanced/typescript',
|
|
desc: 'All exported types and how to use them',
|
|
},
|
|
{
|
|
text: 'Accessibility',
|
|
link: '/guide/angular/advanced/accessibility',
|
|
desc: 'Making your icons accessible',
|
|
},
|
|
{
|
|
text: 'Global styling',
|
|
link: '/guide/angular/advanced/global-styling',
|
|
desc: 'Apply global styles to all icons',
|
|
},
|
|
{
|
|
text: 'With Lucide Lab',
|
|
link: '/guide/angular/advanced/with-lucide-lab',
|
|
desc: 'Using lucide-lab with @lucide/angular',
|
|
},
|
|
// {
|
|
// text: 'Animations',
|
|
// link: '/guide/angular/advanced/animations',
|
|
// desc: 'Add animations to your icons',
|
|
// },
|
|
{
|
|
text: 'Filled icons',
|
|
link: '/guide/angular/advanced/filled-icons',
|
|
desc: 'Using filled icons in @lucide/angular',
|
|
},
|
|
{
|
|
text: 'Combining icons',
|
|
link: '/guide/angular/advanced/combining-icons',
|
|
desc: 'Combine multiple icons into one',
|
|
},
|
|
// {
|
|
// text: 'Dynamic icon component',
|
|
// link: '/guide/angular/advanced/dynamic-icon-component.md',
|
|
// desc: 'Dynamically import icons as needed',
|
|
// },
|
|
{
|
|
text: 'Icon provider',
|
|
link: '/guide/angular/advanced/icon-provider',
|
|
desc: 'Provide icons at app level and use them by name',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
text: 'Resources',
|
|
items: [
|
|
{
|
|
text: 'Accessibility in depth',
|
|
link: '/how-to/accessibility',
|
|
desc: 'Accessibility best practices',
|
|
},
|
|
{
|
|
text: 'VSCode',
|
|
link: '/guide/vscode',
|
|
desc: 'VSCode and Lucide',
|
|
},
|
|
],
|
|
},
|
|
] satisfies DefaultTheme.SidebarItem[] & { items: { desc?: string }[] }[];
|