GuideComponentsHooksFunctionsTypesTokensSource code on GitHub
Appearance
Language
Pages
Slots

accountRows

Rows the plugin adds at the end of the Your account card, in Settings › Account and data. They are for showing what the plugin knows about the account, such as a linked Google account.

Where in Hodi

Each person has a Settings › Account and data page. The Your account card of this page shows the account's e-mail and password. The plugin's accountRows rows join the end of this card.

Example

web/index.tsx
import { SettingRow, definePlugin } from 'hodi:sdk'

const GoogleRow = () => <SettingRow label="Google" value="anna@gmail.com" />

definePlugin({ accountRows: GoogleRow })

Props

Props?: optional
layout'desktop' | 'phone'

The screen size.

Good to know

  • How the rows are drawn: with SettingRows, like Hodi's rows in the same card.
  • Who sees the rows: each person, on the page of their own account.