Alexey Safronov
e27e7dbc7a
# Conflicts: # packages/client/public/locales/en/CreateEditRoomDialog.json # packages/client/public/locales/en/Files.json # packages/client/src/components/GlobalEvents/EditRoomEvent.js # packages/client/src/components/dialogs/CreateEditRoomDialog/EditRoomDialog.js # packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js # packages/client/src/pages/Home/InfoPanel/Body/sub-components/ItemTitle/Rooms/index.js # packages/client/src/pages/Home/InfoPanel/Body/sub-components/ItemTitle/index.js # packages/client/src/store/CreateEditRoomStore.js # packages/client/src/store/FilesStore.js # packages/client/src/store/InfoPanelStore.js |
||
---|---|---|
.. | ||
index.tsx | ||
README.md | ||
RoomLogo.stories.tsx | ||
RoomLogo.styled.ts | ||
RoomLogo.test.tsx | ||
RoomLogo.tsx | ||
RoomLogo.types.ts |
Room logo
Room logo allow you display default room logo depend on type and private
Usage
import { RoomLogo } from "@docspace/shared/components";
<RoomLogo type={"custom"} isPrivacy={false} isArchive={false} />
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
id |
string |
- | - | - | Accepts id |
className |
string |
- | - | - | Accepts class |
style |
obj , array |
- | - | - | Accepts css style |
type |
number |
- | - | `` | Accepts the type of room |
isPrivacy |
boolean |
- | - | false |
Accepts the privacy room |
isArchive |
boolean |
- | - | false |
Accepts the archive room |
withCheckbox |
boolean |
- | - | false |
Accepts checkbox when row/tile is hovered or checked |
isChecked |
boolean |
- | - | false |
Accepts the checked state to checkbox |
isIndeterminate |
boolean |
- | - | false |
Accepts the indeterminate state to checkbox |
onChange |
function |
- | - | - | Accepts the onChange checkbox callback function |