Widget Studio

Widget Studio is Shard's no-code builder. Create custom widgets for your trading workspace drag components onto a canvas, configure them via the properties panel, and save them as reusable widgets.

---

Templates

Template	Description
Chart Pair	Two mini charts side by side
Quick Trade	Buy/sell buttons with prices
Info Card	Market info with image
All Outcomes	All outcomes on one chart

---

Components

Outcomes

Component	Description
Price (dynamic)	Shows price for selected outcome
Mini Chart (dynamic)	Sparkline chart for outcome
Buy Button (dynamic)	Quick buy for outcome
Sell Button (dynamic)	Quick sell for outcome
Spread (dynamic)	Bid-ask spread

Stats

Component	Description
Volume	Total trading volume
Liquidity	Market liquidity
Time Left	Time until resolution
Status	Market status
Positions	Your positions count

Info

Component	Description
Title	Market question
Image	Market thumbnail
Price Bar	Visual bar of all outcomes

Actions

Component	Description
Connect	Wallet connection button

---

Partner Components

Coming soon

Partner projects will be able to expose their own components directly in Widget Studio — allowing users to build custom widgets that combine Shard native components with ecosystem tools on a single canvas.

---

Workflow

1. Open Widget Studio from the layout controls bar

2. Select a template or start from a blank canvas

3. Drag components onto the canvas

4. Configure via the properties panel

5. Preview in real time

6. Save instantly available in your workspace.

Tip Dynamic components update automatically based on the active market context switch outcomes in the sidebar and every dynamic component updates instantly.