Customize how and where you want to collaborate

Live Demo

When to use

The Settings component renders a set of preferences and third party connections for tools like Slack, Monday, Linear, Asana and Jira.

This component pairs well with:

How to use

import { Settings } from "@cord-sdk/react";

export const Example = () => (
    <Settings />

This component is not configurable

CSS Variables

These can be used to customize the component. You can learn more about customization here.

Name Default Value
var(--cord-color-base, #FFFFFF);