A hook that observes an element's writing-mode and returns either horizontal or vertical.
refRefObject<Element | null>| Prop | Type | Default |
|---|---|---|
ref | RefObject<Element | null> | - |
writingMode'horizontal'|'vertical'| Prop | Type | Default |
|---|---|---|
writingMode | 'horizontal'|'vertical' | - |
import { useWritingMode } from '@k8ordo/ui';const ref = useRef<HTMLDivElement>(null);
const writingMode = useWritingMode(ref);
return (
<div ref={ref}>
{writingMode === 'vertical' ? '縦書き' : '横書き'}
</div>
);