typography

Clamp text

Multiline text truncation

Features

Multiple line truncation
Text is fully selectable
Content length independent
Text is readable by AT

Links

Open in playground Open in Storybook View source

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis autem quis qui nam excepturi libero laudantium rerum earum illo illum, quisquam iure aperiam ipsam corporis inventore voluptas dignissimos obcaecati modi! Voluptate nesciunt quibusdam sit? Nobis possimus harum laboriosam iste facilis quas. Minus quod corporis recusandae assumenda nobis architecto deleniti obcaecati ad, ipsam pariatur facere odit possimus voluptatibus nostrum? Magnam, eum.

Anatomy

import { ClampText } from "@wonderflow/react-components";

export default () => {
  return <ClampText>...</ClampText>;
};

tsx

API Reference

PROPERTY

TYPE

DEFAULT

rows

number

1

expandable

boolean

false

as

enum

span