v14.0.8


typography

Clamp text

Multiline text truncation

Features

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

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

Created by Wonderflow Design Team for Wonderflow.

© Wonderflow 2024