Table

A responsive, styled table for presenting structured data.
betaView source

Table supplies the scroll container and table styling while keeping native table elements available for captions, headers, rows, and cells.

MemberRoleStatus
Ada LovelaceAdminActive
Grace HopperEditorActive
vue
<script setup lang="ts">
import { Table } from '@typlog/ui'
</script>

<template>
  <Table variant="surface">
    <thead>
      <tr>
        <th scope="col">Member</th>
        <th scope="col">Role</th>
        <th scope="col">Status</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">Ada Lovelace</th>
        <td>Admin</td>
        <td>Active</td>
      </tr>
      <tr>
        <th scope="row">Grace Hopper</th>
        <td>Editor</td>
        <td>Active</td>
      </tr>
    </tbody>
  </Table>
</template>

API Reference ​

PropDefaultType
layout
–
"auto""fixed"
size"2"
"1""2""3"
variant"ghost"
"ghost""surface"
Last updated Sep 15, 2026
CalloutData Table