feat: add DeesInputFileupload and DeesInputRichtext components
- Implemented DeesInputFileupload component with file upload functionality, including drag-and-drop support, file previews, and clear all option. - Developed DeesInputRichtext component featuring a rich text editor with a formatting toolbar, link management, and word count display. - Created demo for DeesInputRichtext showcasing various use cases including basic editing, placeholder text, different heights, and disabled state. - Added styles for both components to ensure a consistent and user-friendly interface. - Introduced types for toolbar buttons in the rich text editor for better type safety and maintainability.
This commit is contained in:
18
ts_web/elements/dees-appui-appbar/template.ts
Normal file
18
ts_web/elements/dees-appui-appbar/template.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
import { html, type TemplateResult } from '@design.estate/dees-element';
|
||||
import type { DeesAppuiBar } from './component.js';
|
||||
|
||||
export const renderAppuiAppbar = (component: DeesAppuiBar): TemplateResult => {
|
||||
return html`
|
||||
<div class="menus">
|
||||
${component.showWindowControls ? html`<dees-windowcontrols></dees-windowcontrols>` : ''}
|
||||
${component.renderMenuItems()}
|
||||
</div>
|
||||
<div class="breadcrumbs">
|
||||
${component.renderBreadcrumbs()}
|
||||
</div>
|
||||
<div class="account">
|
||||
${component.renderAccountSection()}
|
||||
</div>
|
||||
`;
|
||||
|
||||
};
|
Reference in New Issue
Block a user