A design system in a box.
hip-ui.tngl.io/docs/introduction
add cursor
+9
-1
+9
-1
packages/hip-ui/src/components/table/index.tsx
+9
-1
packages/hip-ui/src/components/table/index.tsx
···
66
66
":is(:first-child > *)": spacing["2"],
67
67
},
68
68
},
69
+
columnHeaderSortable: {
70
+
cursor: "pointer",
71
+
},
69
72
tableBody: {},
70
73
cell: {
71
74
overflow: "auto",
···
225
228
return (
226
229
<AriaColumn {...props} {...stylex.props(styles.column, style)}>
227
230
{({ allowsSorting, sortDirection }) => (
228
-
<div {...stylex.props(styles.columnHeader)}>
231
+
<div
232
+
{...stylex.props(
233
+
styles.columnHeader,
234
+
allowsSorting && styles.columnHeaderSortable,
235
+
)}
236
+
>
229
237
<div {...stylex.props(styles.cellContent, styles.columnHeader)}>
230
238
<Flex align="center" gap="1">
231
239
<LabelText