diff --git a/.changeset/astro-icons-docs-page.md b/.changeset/astro-icons-docs-page.md new file mode 100644 index 000000000..562407f75 --- /dev/null +++ b/.changeset/astro-icons-docs-page.md @@ -0,0 +1,5 @@ +--- +"@tabler/docs": minor +--- + +Added `Astro` icons library documentation page for the new `@tabler/icons-astro` package. diff --git a/docs/assets/img/icons/package-astro-dark.png b/docs/assets/img/icons/package-astro-dark.png new file mode 100644 index 000000000..610460bab Binary files /dev/null and b/docs/assets/img/icons/package-astro-dark.png differ diff --git a/docs/assets/img/icons/package-astro.png b/docs/assets/img/icons/package-astro.png new file mode 100644 index 000000000..85550e761 Binary files /dev/null and b/docs/assets/img/icons/package-astro.png differ diff --git a/docs/pages/icons/libraries/astro.mdx b/docs/pages/icons/libraries/astro.mdx new file mode 100644 index 000000000..508cc04ba --- /dev/null +++ b/docs/pages/icons/libraries/astro.mdx @@ -0,0 +1,42 @@ +--- +title: Astro +description: Tabler Icons library for Astro framework. +summary: Tabler Icons for Astro provides an optimized collection of icons specifically designed for use with Astro. These lightweight and scalable icons are easy to integrate into Astro-based projects. +layout: '@shared/layouts/DocsMdxLayout.astro' +--- + +import TabsPackage from '@shared/components/docs/TabsPackage.astro' + +![Tabler Icons for Astro](/img/icons/package-astro.png) + +## Installation + + + +or just [download from Github](https://github.com/tabler/tabler-icons/releases). + +## How to use + +It's built with ESmodules so it's completely tree-shakable. Each icon can be imported as an Astro component. + +```astro +--- +import { IconArrowDown } from '@tabler/icons-astro'; +--- + + +``` + +You can pass additional props to adjust the icon. Any valid SVG attribute is forwarded to the rendered `` element. + +```astro + +``` + +### Props + +| name | type | default | +| -------- | -------- | ------------ | +| `size` | _Number_ | 24 | +| `color` | _String_ | currentColor | +| `stroke` | _Number_ | 2 | diff --git a/shared/astro/data/docs.json b/shared/astro/data/docs.json index 3d1ab3ce9..1d62e0dfd 100644 --- a/shared/astro/data/docs.json +++ b/shared/astro/data/docs.json @@ -383,6 +383,10 @@ "title": "Libraries", "url": "/icons/libraries/", "children": [ + { + "title": "Astro", + "url": "/icons/libraries/astro/" + }, { "title": "Preact", "url": "/icons/libraries/preact/"