open-index/open-npm huggingface dataset:
npm package: @forastro/flow
Description: This package is a package that allows you to use flow components inside of [Astro](https://astro.build). Flow components are components that emulate control flow in the form of components. These components are typed well.
Author: Shelton Louis
Latest version: 2.5.4

# For Astro Flow

This package is a package that allows you to use flow components inside of [Astro](https://astro.build).
Flow components are components that emulate control flow in the form of components.
These components are typed well.

> [!info] There are two kinds of components in here,
> **Conditional** -> Components that show something based on a condition
> **Iterable** -> Components that iterate through a set of items then send data through a callbacks

## Installation

`npm install @forastro/flow`

## Docs

Please checkout the docs for [For Astro Flow](https://forastro-docs.onrender.com/libraries/flow)
npm package: @forastro/remark-html-directives
Description: This package is a package that is designed to configure Remark Directive in a way that conforms to the HTML standard. It will not allow users to use form or form related tags. They are also not allowed to use the body tag or any tag that is used in the he
Author: Shelton Louis
Latest version: 1.0.1

# For Astro Remark HTML Directives

This package is a package that is designed to configure Remark Directive in a way that conforms to the HTML standard. It will not allow users to use form or form related tags. They are also not allowed to use the body tag or any tag that is used in the head tag. Since you are using Astro
it's simply better to use An Astro component layout for your custom needs.

I have decided to explain the contents of this plugin in the form of documentation

[Docs on This Library](https://forastro-docs.onrender.com/libraries/remark-html-directives)

Remember **you must always call this function to use it**

## Usage

```shell
npm i -D remark-directive @forastro/remark-html-directives 
```

### Default

```mjs
import remarkHTMLDirectives from "@forastro/remark-html-directives"
 export default defineConfig({
    remarkPlugins:[
        "remark-directive",
        remarkHTMLDirectives()
    ]
 })
```

### Article Mode

```mjs
import remarkHTMLDirectives from "@forastro/remark-html-directives"
 export default defineConfig({
    remarkPlugins:[
        "remark-directive",
        remarkHTMLDirectives({mode:'article'})
    ]
 })
```

### Page Mode

```mjs
import remarkHTMLDirectives from "@forastro/remark-html-directives"
 export default defineConfig({
    remarkPlugins:[
        "remark-directive",
        remarkHTMLDirectives({mode:'page'})
    ]
 })
```

## Recommendations

- Please use along with

  - [MDX](https://docs.astro.build/en/guides/integrations-guide/mdx/)
  - [Remark HTML Directive Snippets](https://marketplace.visualstudio.com/items?itemName=SheltonLouis.remark-html-directives-snippets)
npm package: @forastro/remark-html-directives-integration
Description: [Remark HTML Directives Docs]:https://forastro-docs.onrender.com/libraries/remark-html-directives
Author: Shelton Louis
Latest version: 1.1.0

# For Astro Remark HTML Directives Integration

[Remark HTML Directives Docs]:https://forastro-docs.onrender.com/libraries/remark-html-directives

This is the integration that allows you to automatically setup `remark-directive` and `@forastro/remark-html-directives`.
For [Astro](https://astro.build) If you don't know about remark html directives.
Please look at [Docs][Remark HTML Directives Docs]

## Usage

```shell
    astro add @forastro/remark-html-directives-integration
```

## Installation

```shell
 npm install @forastro/remark-html-directives-integration
```