Settings Panel Presets

A collection of preset components in Notion settings panel.

Installation

pnpm add @notion-kit/settings-panel

Components


Connections Table

A table to display all established connections.

Connection
Access
slack
Slack
steeeee@example.com
Can preview links
github
Github (Workspace)
steeeee0913
Can preview linksCan content
jira
Jira
steeeee@example.com
Can preview links and sync databases
<ConnectionsTable data={connections} />

API Reference

PropTypeDefaultDescription
data*Connection[]-Current connections.

Members Table

A table to display all members (except guests) in the workspace.

Teamspaces
Groups
J
John Wick
john-wick@example.com
None
S
ShadCN
shadcn@example.com
None
G
Gopher
gopher@example.com
None
<MembersTable data={data} scopes={scopes} />

API Reference

PropTypeDefaultDescription
scopes*Set<Scope>-Current scopes.
data*MemberRow[]-Current members and owners.
searchstring-Current search string.
onUpdate(id: string, role: Role) => void-Handler that is called when the role of the member is changed.
onDelete(id: string) => void-Handler that is called when the member is removed.

Guests Table

A table to display all guests in the workspace.

Access
J
John Wick
john-wick@example.com
S
ShadCN
shadcn@example.com
G
Gopher
gopher@example.com
<GuestsTable data={data} scopes={scopes} />

API Reference

PropTypeDefaultDescription
scopes*Set<Scope>-Current scopes.
data*GuestRow[]-Current guests.
searchstring-Current search string.
onUpdate(id: string, role: Role) => void-Handler that is called when the role of the guest is changed.
onDelete(id: string, name: string) => void-Handler that is called when the guest is removed.

Plans Table

A table to display all possible plans and their corresponding features.

Free
$0 per member / month
Plus
$10 per member / month billed annually
$12 billed monthly
Business
$15 per member / month billed annually
$18 billed monthly
Enterprise
Contact Sales for pricing
Highlights
  • ·
    Up to 10 guests
  • ·
    7 day page history
  • ·
    70+ integrations
  • ·
    Up to 100 guests
  • ·
    30 day page history
  • ·
    Unlimited blocks
  • ·
    Unlimited file uploads
  • ·
    Unlimited charts
  • ·
    Up to 250 guests
  • ·
    90 day page history
  • ·
    Private teamspaces
  • ·
    SAML SSO
  • ·
    Custom guest limits
  • ·
    User provisioning
  • ·
    Workspace analytics
  • ·
    Audit log
  • ·
    Advanced security
<PlansTable />

API Reference

PropTypeDefaultDescription
canUpgradeboolean-Whether the current plan is updatable.

On this page