Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.attio.com/llms.txt

Use this file to discover all available pages before exploring further.

import {Widget} from "attio/client"

​
Example

<Widget.TextWidget
  onTrigger={() => {
    // do something
  }}
>
  <Widget.Title>Title</Widget.Title>
  <Widget.Text.Primary>Main text</Widget.Text.Primary>
  <Widget.Text.Secondary>Description text</Widget.Text.Secondary>
  <Widget.Decoration>
    <Badge color="blue">42</Badge>
  </Widget.Decoration>
</Widget.TextWidget>

​
Props

​
onTrigger
() => void
An optional function that will be called when a user clicks on the widget.
​
children
React.ReactNode
required
A text widget can have – at least one – of the following children:Not all of them are required.
If you do not provide a <Widget.Title /> your app’s name will be used.
At least one text component is required for the badge to be displayed.