Visibility

Configure default property visibility and visibility options

Overview

Visibility controls which properties are shown in views.

1. How To Set Default

Hide specific properties globally

const properties = [
  {
    id: "internalId",
    label: "Internal ID",
    type: "text",
    hidden: true,
  },
];

Set initial visible property list

<DataViewProvider
  controller={controller}
  properties={properties}
  propertyVisibility={["productName", "price", "availability"]}
>
  <NotionToolbar enableSettings />
  <TableView pagination="page" />
</DataViewProvider>

2. What Are The Options

OptionLocationDescription
hiddenProperty schemaNever shown in view columns/cards
propertyVisibilityDataViewProvider propInitial visible property IDs
enableSettingsNotionToolbar propShows settings UI where users can toggle visibility

Visibility is local UI state (not URL-based).