mirror of
https://github.com/inttter/md-badges.git
synced 2026-05-06 18:36:58 +02:00
♻️ feat: initialize web project with Vite and React Demonstration Simple Playground
- Added package.json for project dependencies and scripts. - Created Vite logo SVG file. - Added global styles in index.css. - Implemented main application structure in App.jsx. - Created BadgeRow component for displaying individual badges. - Developed Section component to organize badge lists. - Implemented VirtualBadgeList for efficient rendering of badges. - Added WASM integration for parsing README files. - Configured Vite for the project.
This commit is contained in:
parent
6406b47c9b
commit
ce92b17c8f
18 changed files with 3142 additions and 0 deletions
15
playground/web/src/Section.jsx
Normal file
15
playground/web/src/Section.jsx
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import BadgeList from './VirtualBadgeList'
|
||||
|
||||
export default function Section({ section, selected, toggle }) {
|
||||
return (
|
||||
<section style={{ marginBottom: 32 }}>
|
||||
<h3>{section.title}</h3>
|
||||
|
||||
<BadgeList
|
||||
items={section.items}
|
||||
selected={selected}
|
||||
toggle={toggle}
|
||||
/>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue