DocSpace-client/packages/components/access-right-select

AccessRightSelect

Usage

import AccessRightSelect from "@docspace/components/AccessRightSelect";

<AccessRightSelect
  options={options}
  onSelect={(option) => console.log("selected", option)}
  selectedOption={{
    key: "key1",
    title: "Room administrator",
    description: `Administration of rooms, archiving of rooms, inviting and managing users in rooms.`,
    icon: CrownIcon,
    quota: "free",
    color: "#20D21F",
  }}
/>

Options is an array of objects that contains the following fields:

• key
• title
• description
• icon
• quota
• color

Example:

  {
    key: "key1",
    title: "Room administrator",
    description: `Administration of rooms, archiving of rooms, inviting and managing users in rooms.`,
    icon: CrownIcon,
    quota: "free",
    color: "#20D21F",
  }

Properties

Props	Type	Required	Values	Default	Description
options	obj, array	✅	-	-	List of options
onSelect	obj, array	-	-	-	Will be triggered whenever an AccessRightSelect is selected option
selectedOption	obj	-	-	-	The option that is selected by default