Data Entry
Components ยท 18 pages
- AutoCompleteProvides a dropdown of suggestions as the user types, extending Ant Design AutoComplete with additional styling options.
- CodeEditorEdits code with syntax highlighting for multiple programming languages.
- ColorSwatchesDisplays selectable color swatches with an optional picker for custom colors.
- CopyButtonCopyButton is a React component used to copy text content to the clipboard. It provides a button with a copy icon that, when clicked, copies the specified content to the user's clipboard. It also displays a tooltip indicating whether the copy action was successful or not.
- DatePickerA DatePicker component that extends Ant Design's DatePicker with additional styling options. It provides different visual variants and an optional shadow effect.
- DownloadButtonDownloadButton is a React component used to download content from a Blob URL. It provides a button with a download icon that, when clicked, triggers a download of the specified content. It also displays a tooltip indicating the file type being downloaded.
- EditableTextEditableText is a component that allows users to edit text inline. It displays the text in a non-editable state by default, but when the user clicks the edit icon, it switches to an editable input field where the user can make changes. Once the user is done editing, they can click outside the input field or press the enter key to save the changes. The component uses the ControlInput component to display the input field and passes the value and onChange props to it.
- EditorSlashMenuEditorSlashMenu is a slash-command menu built on Base UI Autocomplete primitives, styled consistently with DropdownMenu.
- EmojiPickerEmojiPicker is a component that allows users to select emoji icons or upload custom avatars. It supports multiple tabs, custom emoji sets, model avatars from @lobehub/icons, and includes options for uploading and deleting avatars.
- FormHigh performance Form component with data scope management. Including data collection, verification, and styles.
- FormModalFormModal combines Form and Modal components to create a modal dialog with an integrated form. It provides a convenient way to collect user input in a popup interface.
- HotkeyInputHotkeyInput is a specialized input component for capturing keyboard shortcuts. It allows users to record key combinations by pressing keys, with visual feedback and validation.
- ImageSelectImageSelect allows users to choose an option from a list of images. It's ideal for visual selection interfaces where images better represent options than text.
- InputA basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
- SearchBarSearchBar that includes an input field with a search icon and clear button, allowing users to easily search for specific items or content.
- SelectSelect component lets users choose from a list of options in a dropdown menu. It supports various styling options and custom suffix icons.
- SliderWithInputSliderWithInput combines a slider with an input number field, allowing users to adjust values either by dragging the slider or entering a precise number in the input field.
- ThemeSwitchThemeSwitch component is a dropdown menu that allows users to switch between different theme modes.