Collapse file tree

Files

 main

Search this repository

/

Data.tsx

Copy path

BlameMore file actions

BlameMore file actions

Latest commit

yuuki15

success

Jul 11, 2025

b165801 · Jul 11, 2025

History

History

35 lines (34 loc) · 582 Bytes

/

Data.tsx

Top

File metadata and controls

• Code
• Blame

35 lines (34 loc) · 582 Bytes

Raw

Copy raw file

Download raw file

You must be signed in to make or propose changes

More edit options

Open symbols panel

Edit and raw actions

import { Base } from './Base'; export const Data = ({ title, category, style = '', heading = title, data, ...properties }) => ( <Base title={`${title} | ${category} Data`} style={` #data td, #data th { text-align: left; } ${style}`} heading={heading} {...properties} > <table id="data"> {Object.entries(data).map(([key, value]) => ( <tbody> <tr> <th scope="rowgroup">{key}</th> </tr> <tr> <td>{value}</td> </tr> </tbody> ))} </table> </Base> );

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

import { Base } from './Base';

export const Data = ({

title,

category,

style = '',

heading = title,

data,

...properties

}) => (

<Base

title={`${title} | ${category} Data`}

style={`

#data td,

#data th {

text-align: left;

}

${style}`}

heading={heading}

{...properties}

>

<table id="data">

{Object.entries(data).map(([key, value]) => (

<tbody>

<tr>

<th scope="rowgroup">{key}</th>

</tr>

<tr>

<td>{value}</td>

</tr>

</tbody>

))}

</table>

</Base>

);