Home
Get Started
Toggle Menu
Given the following JSON data structure that contains labels and fields for a basketball match information, generate a card. JSON Data: { "startDate": "04-18/周四", "startTime": "07:00", "rightTeam": { "name": "76人", "logo": "https://search-operate.cdn.bcebos.com/06e7bde6cca98873fe971fad4e67a9b6.png", "score": "105" }, "matchStatusText": "已结束", "url": "https://tiyu.baidu.com/live/detail/TkJBI2Jhc2tldGJhbGwjMjAyNC0wNC0xOCPov4jpmLspritlr4bng63ngat2c%2Bi0ueWfjjc25Lq6/tab/赛况", "searchUrl": "baiduboxapp://v1/browser/open?launchMode=cleartop_singletop&newwindow=0&append=1&url=https%3A%2F%2Fm.baidu.com%2Fs%3Fword%3Dnba+%E7%83%AD%E7%81%ABvs76%E4%BA%BA&sa=sports_oppo", "leftTeam": { "name": "热火", "logo": "https://search-operate.cdn.bcebos.com/ff7ccef6a6b79c6417ee8367946b0aec.png", "score": "104" }, "matchStatus": "2", "liveStageText": "" } | A shadcn/ui and v0 generation - v0
Link to jooloo's v0.app Profile
Given the following JSON data structure that contains labels and fields for a basketball match information, generate a card. JSON Data: { "startDate": "04-18/周四", "startTime": "07:00", "rightTeam": { "name": "76人", "logo": "https://search-operate.cdn.bcebos.com/06e7bde6cca98873fe971fad4e67a9b6.png", "score": "105" }, "matchStatusText": "已结束", "url": "https://tiyu.baidu.com/live/detail/TkJBI2Jhc2tldGJhbGwjMjAyNC0wNC0xOCPov4jpmLspritlr4bng63ngat2c%2Bi0ueWfjjc25Lq6/tab/赛况", "searchUrl": "baiduboxapp://v1/browser/open?launchMode=cleartop_singletop&newwindow=0&append=1&url=https%3A%2F%2Fm.baidu.com%2Fs%3Fword%3Dnba+%E7%83%AD%E7%81%ABvs76%E4%BA%BA&sa=sports_oppo", "leftTeam": { "name": "热火", "logo": "https://search-operate.cdn.bcebos.com/ff7ccef6a6b79c6417ee8367946b0aec.png", "score": "104" }, "matchStatus": "2", "liveStageText": "" }
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to jooloo's v0.app Profile
Given the following JSON data structure that contains labels and fields for a basketball match information, generate a card. JSON Data: { "startDate": "04-18/周四", "startTime": "07:00", "rightTeam": { "name": "76人", "logo": "https://search-operate.cdn.bcebos.com/06e7bde6cca98873fe971fad4e67a9b6.png", "score": "105" }, "matchStatusText": "已结束", "url": "https://tiyu.baidu.com/live/detail/TkJBI2Jhc2tldGJhbGwjMjAyNC0wNC0xOCPov4jpmLspritlr4bng63ngat2c%2Bi0ueWfjjc25Lq6/tab/赛况", "searchUrl": "baiduboxapp://v1/browser/open?launchMode=cleartop_singletop&newwindow=0&append=1&url=https%3A%2F%2Fm.baidu.com%2Fs%3Fword%3Dnba+%E7%83%AD%E7%81%ABvs76%E4%BA%BA&sa=sports_oppo", "leftTeam": { "name": "热火", "logo": "https://search-operate.cdn.bcebos.com/ff7ccef6a6b79c6417ee8367946b0aec.png", "score": "104" }, "matchStatus": "2", "liveStageText": "" }
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Code