mirror of
https://github.com/twentyhq/twenty
synced 2026-04-21 21:47:38 +00:00
0731a616b7
## Summary The merge conflict resolution from PR #16705 incorrectly discarded the new documentation structure changes. This PR updates the navigation JSON files (the correct approach) to restore the intended changes. ## Changes restored - New 'Capabilities' and 'How-Tos' subgroups organization - Renamed sections (e.g., 'Getting Started' → 'Discover Twenty') - New sections: Data Migration, Calendar & Emails, AI, Views & Pipelines, Dashboards, Permissions & Access, Billing - Reorganized Developers section with Extend, Self-Host, and Contribute groups ## Files updated - `navigation/base-structure.json` - `navigation/navigation-schema.json` - `navigation/navigation.template.json` ## Context PR #16705 was merged but the merge conflict was incorrectly resolved, causing all the structural changes to be lost. The previous fix (PR #16741) updated docs.json directly, but the correct approach is to update the navigation JSON files instead. This PR properly restores those changes from the final commit of PR #16705 (`c856e0d598a0056c2bdaf528502e08261daf7c7c`). --------- Co-authored-by: github-actions <github-actions@twenty.com>
41 lines
1.1 KiB
Text
41 lines
1.1 KiB
Text
---
|
|
title: Image Input
|
|
image: /images/user-guide/objects/objects.png
|
|
---
|
|
<Frame>
|
|
<img src="/images/user-guide/objects/objects.png" alt="Header" />
|
|
</Frame>
|
|
|
|
Allows users to upload and remove an image.
|
|
|
|
<Tabs>
|
|
<Tab title="Usage">
|
|
|
|
```jsx
|
|
import { ImageInput } from "@/ui/input/components/ImageInput";
|
|
|
|
export const MyComponent = () => {
|
|
return <ImageInput/>;
|
|
};
|
|
```
|
|
|
|
</Tab>
|
|
<Tab title="Props">
|
|
|
|
|
|
| Props | Type | Description |
|
|
|-------|------|-------------|
|
|
| picture | string | The image source URL |
|
|
| onUpload | function | The function called when a user uploads a new image. It receives the `File` object as a parameter |
|
|
| onRemove | function | The function called when the user clicks on the remove button |
|
|
| onAbort | function | The function called when a user clicks on the abort button during image upload |
|
|
| isUploading | boolean | Indicates whether an image is currently being uploaded |
|
|
| errorMessage | string | An optional error message to display below the image input |
|
|
| disabled | boolean | If `true`, the entire input is disabled, and the buttons are not clickable |
|
|
|
|
|
|
|
|
|
|
</Tab>
|
|
</Tabs>
|
|
|