Customize Widget
Card
Wide
Banner
Square
Sidebar
Custom
#6366f1
16px
Live Preview
520 × auto
Embed Code
<div id="dsrch-widget" data-accent="#6366f1"></div>
<script src="https://dsrch.com/dsrch-widget.js"></script>Available Options
| Attribute | Values | Description |
|---|---|---|
| data-theme | light | dark | Widget theme |
| data-accent | any CSS color | Primary accent color |
| data-size | sm | md | lg | Widget size preset |
| data-lang | en | uk | Display language |
| data-radius | 0–32 | Border radius in pixels |
| data-bar | any CSS color | Progress bar start color |
| data-bg | any CSS color | Custom background |
| data-border | true | false | Show border |
| data-logo | true | false | Show DSRCH branding |
| data-width | number (px) | Fixed widget width |
| data-height | number (px) | Fixed widget height |