Settings

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 = () => (
  <div>
    <Settings />
  </div>
);
Copy

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
--cord-settings-background-color
var(--cord-color-base, #FFFFFF);