Lorem | Ipsum | Dolor |
---|---|---|
Sit | Amet | Consectetur |
Adipiscing | Elit | Praesent |
Semper | Interdum | Viverra |
Lorem | Ipsum | Dolor |
---|---|---|
Sit | Amet | Consectetur |
Adipiscing | Elit | Praesent |
Semper | Interdum | Viverra |
Sit | Amet | Consectetur |
---|---|---|
Adipiscing | Elit | Praesent |
Semper | Interdum | Viverra |
Time | Lorem | Ipsum | Dolor |
---|---|---|---|
09:00-10:00 | Sit | Amet | Consectetur |
10:00-11:00 | Adipiscing | Elit | Praesent |
11:00-12:00 | Semper | Interdum | Viverra |
Lorem | Ipsum | Dolor |
---|---|---|
Sit | Amet | Consectetur |
Adipiscing | Elit | Praesent |
Semper | Interdum | Viverra |
Quis | Tempor | Voluptate |
“content” | “30%” | “auto” | “auto” | “content” |
---|---|---|---|---|
Badge | Sit | Amet | Consectetur | |
Badge | Adipiscing | Elit | Praesent | |
Badge | Semper | Interdum | Viverra |
minWidth=150 | maxWidth=200 | maxWidth & width | “content” |
---|---|---|---|
Sit | Amet | Amet | |
Elit | Adipiscing incididunt amet id laborum minim | Adipiscing incididunt amet id laborum minim | |
Semper | Interdum | Interdum |
Lorem | Ipsum | Dolor |
---|---|---|
ContentContent | Content | Content |
ContentContent | Content | Content |
Lorem | Ipsum | Dolor |
---|---|---|
ContentContent | Content | Content |
ContentContent | Content | Content |
“left” | “center” | “right” |
---|---|---|
Sit | Amet | Consectetur |
Adipiscing | Elit | Praesent |
Lorem | Ipsum | Dolor |
---|---|---|
Id nisi consequat enim exercitation non fugiat ipsum ut ea. | Incididunt eu anim eu pariatur dolore dolore fugiat qui ipsum tempor ex laborum voluptate sint. | Culpa labore minim consectetur ut officia ea ea cupidatat excepteur ipsum. |
Adipiscing | Elit | Praesent |
Lorem | Ipsum | Dolor |
---|---|---|
Sit | Amet | Consectetur |
Adipiscing | Elit | Praesent |
Lorem | Dolor |
---|---|
Sit | Consectetur |
Adipiscing | Praesent |
Lorem | Ipsum | Dolor |
---|---|---|
Sit | Amet | Consectetur |
Adipiscing | Elit | Praesent |
Culpa labore minim consectetur ut officia ea ea cupidatat excepteur. | Tempor |
<Table data={{ testid: "table-1" }} // => data-testid="table-1" > <TableHeader data={{ testid: "table-header-1" }}> <TableRow data={{ testid: "table-row-1" }}> <TableHeaderCell data={{ testid: "table-header-cell-1" }}> ... </TableHeaderCell> </TableRow> </TableHeader> <TableBody data={{ testid: "table-body-1" }}> <TableRow> <TableCell data={{ testid: "table-cell-1" }}>...</TableCell> </TableRow> </TableBody> <TableFooter data={{ testid: "table-footer-1" }}>...</TableFooter> </Table>