import { Meta } from "@storybook/addon-docs";

import { lineHeights } from "tokens";

import { TokensGrid } from "../../components/TokensGrid";

<Meta title="Tokens/Line Heights" />

[![Line Heights Tokens](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-line-heights.svg)](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-line-heights.svg)

# Line Heights

Line height is an important aspect of typography that contributes to the readability and overall appearance of text within your user interface. The ds-tsm Design System provides a set of predefined line heights that can be easily applied to your project, ensuring consistency and visual harmony in your typography.

<TokensGrid tokens={lineHeights} />