1.5 KiB
1.5 KiB
AccessRightSelect
Usage
import AccessRightSelect from "@appserver/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 |