Link copied to clipboard!
Mobile navigation button - closed state


Customize how and where you want to collaborate

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 />
  • <cord-settings></cord-settings>


Attributes & Events


This component has no properties.


This component has no attributes.


This component has no custom events.

CSS Variables

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

Name Default Value
--cord-settings-background-color --cord-color-base

Next up