Link copied to clipboard!
Mobile navigation button - closed state

Settings

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 = () => (
      <div>
        <Settings />
      </div>
    );
    
  • <cord-settings></cord-settings>
    

Properties

Attributes & Events

Properties

This component has no properties.

Attributes

This component has no attributes.

Events

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
#FFFFFF

Next up