layout event list

2026-08-24 16:39:13 +00:00 · 2021-03-22 21:36:01 +01:00
parent 49bea60503
commit 2939ffc4c0
1 changed files with 56 additions and 0 deletions
@@ -0,0 +1,56 @@
 import {
  Table,
  Thead,
  Tbody,
  Tr,
  Th,
  Td,
  TableCaption,
  Button,
 } from '@chakra-ui/react';
 export default function EventList() {
  return (
    <div className>
      <Table variant='simple' size='sm'>
        <TableCaption>Todays event list</TableCaption>
        <Thead>
          <Tr>
            <Th>Event Title</Th>
            <Th>Event Subtitle</Th>
            <Th>Presenter Name</Th>
            <Th>Time Start</Th>
            <Th>Time End</Th>
            <Th>Timer</Th>
            <Th></Th>
          </Tr>
        </Thead>
        <Tbody>
          <Tr>
            <Td>Title</Td>
            <Td>Subtitle</Td>
            <Td>Presenter</Td>
            <Td>10:00</Td>
            <Td>11:00</Td>
            <Td>60.00</Td>
            <Td>
              <Button colorScheme='teal'>❯</Button>
            </Td>
          </Tr>
          <Tr>
            <Td>Title</Td>
            <Td>Subtitle</Td>
            <Td>Presenter</Td>
            <Td>10:00</Td>
            <Td>11:00</Td>
            <Td>60.00</Td>
            <Td>
              <Button colorScheme='teal'>❯</Button>
            </Td>
          </Tr>
        </Tbody>
      </Table>
    </div>
  );
 }