Add new files and update sidebars.js

This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-04-03 23:19:14 -03:00
commit 39bc9764b8
7 changed files with 9 additions and 64 deletions

View file

@ -1,51 +0,0 @@
import ThemedImage from "@theme/ThemedImage";
import useBaseUrl from "@docusaurus/useBaseUrl";
import ZoomableImage from "/src/theme/ZoomableImage.js";
import ReactPlayer from "react-player";
# 🎨 Creating Flows
## Compose
Creating flows with Langflow is easy. Drag sidebar components onto the canvas and connect them together to create your pipeline.
Langflow provides a range of Components to choose from, including **Chat Input**, **Chat Output**, **API Request** and **Prompt**.
<ZoomableImage
alt="Docusaurus themed image"
sources={{
light: "img/langflow_canvas.png",
dark: "img/langflow_canvas.png"
}}
/>
## Starter Flows
Langflow provides a range of starter flows to help you get started. These flows are pre-built and can be used as a starting point for your own flows.
<div
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
>
<ReactPlayer playing controls url="/videos/langflow_fork.mp4" />
</div>
## Defining Inputs and Outputs
Each flow can have multiple inputs and outputs. These can be defined by placing **Inputs** and **Outputs** components on the canvas.
The **Inputs** components define the inputs to the flow.
Whenever you place an Input component on the canvas, it will allow you to interactively define change its value
from the Interactive Panel.
The **Text Input** component allows you to define a text input, and the **Chat Input** component allows you to use the chat input from the Interactive Panel.
The **Outputs** components define the outputs of the flow and work similarly to the Inputs components.
Both Inputs and Outputs components can be connected to other components on the canvas and are used to define how the API works too.
<div
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
>
<ReactPlayer playing controls url="/videos/langflow_build.mp4" />
</div>

View file

@ -4,7 +4,15 @@ module.exports = {
type: "category",
label: " Getting Started",
collapsed: false,
items: ["index", "getting-started/cli", "getting-started/creating-flows"],
items: [
"index",
"getting-started/cli",
"getting-started/basic-prompting",
"getting-started/document-qa",
"getting-started/blog-writer",
"getting-started/memory-chatbot",
"getting-started/rag-with-astradb",
],
},
{
type: "category",
@ -15,18 +23,6 @@ module.exports = {
"whats-new/migrating-to-one-point-zero",
],
},
{
type: "category",
label: " Starter Projects",
collapsed: false,
items: [
"starter-projects/rag-with-astradb",
"starter-projects/basic-prompting",
"starter-projects/memory-chatbot",
"starter-projects/document-qa",
"starter-projects/blog-writer",
],
},
{
type: "category",
label: " Step-by-Step Guides",