update
This commit is contained in:
@ -500,6 +500,31 @@ export const inputShowcase = () => html`
|
||||
.accept=${'image/*'}
|
||||
></dees-input-fileupload>
|
||||
</dees-panel>
|
||||
|
||||
<dees-panel .title=${'Profile Picture Input'} .subtitle=${'Image upload with cropping'}>
|
||||
<div class="demo-grid">
|
||||
<dees-input-profilepicture
|
||||
.label=${'User Avatar'}
|
||||
.description=${'Round profile picture'}
|
||||
.shape=${'round'}
|
||||
.size=${120}
|
||||
></dees-input-profilepicture>
|
||||
|
||||
<dees-input-profilepicture
|
||||
.label=${'Company Logo'}
|
||||
.description=${'Square format'}
|
||||
.shape=${'square'}
|
||||
.size=${120}
|
||||
></dees-input-profilepicture>
|
||||
|
||||
<dees-input-profilepicture
|
||||
.label=${'Team Member'}
|
||||
.description=${'Larger profile image'}
|
||||
.shape=${'round'}
|
||||
.size=${150}
|
||||
></dees-input-profilepicture>
|
||||
</div>
|
||||
</dees-panel>
|
||||
</section>
|
||||
|
||||
<!-- Rich Editors Section -->
|
||||
|
Reference in New Issue
Block a user