Starting from v6, neeto-ui supports enhanced customization of components using
CSS variables. These are the variables that are being used in the `Table`
component.

```css
--neeto-ui-table-header-font-size: var(--neeto-ui-text-xs);
--neeto-ui-table-header-text-transform: uppercase;
--neeto-ui-table-header-border-bottom-width: 2px;
--neeto-ui-table-resize-handle-width: 10px;
--neeto-ui-table-resize-handle-hover-bg-color: rgb(var(--neeto-ui-gray-300));
```

You can use these variables to customize the component to your liking. Here is
an example:

```css
.neetix-table {
  --neeto-ui-table-header-font-size: var(--neeto-ui-text-sm);
  --neeto-ui-table-header-text-transform: capitalize;
}
```

#### Output
