A block of text whose content can be aligned.
import {TextBlock} from "attio/client"
<div style={{ display: "flex", flexDirection: "row" }} />`
import React from "react"; import { Forms, useForm, showToast, TextBlock } from "attio/client"; export function FormWithTextBlockDialog() { const { Form, SubmitButton, TextInput } = useForm( { firstName: Forms.string(), lastName: Forms.string(), }, { firstName: "", lastName: "", }, ); return ( <Form onSubmit={async (values) => { await showToast({ title: "Form submitted", variant: "success", text: JSON.stringify(values), }); }} > <TextBlock> Some additional information to understand the fields below </TextBlock> <TextInput label="First name" name="firstName" /> <TextInput label="Last name" name="lastName" /> <SubmitButton label="Submit" /> </Form> ); }
"center"
Was this page helpful?