@typography-org/native

install

npm i @typography-org/native -S

fast use

normal example

import formatWithEllipsis from '@typography-org/native';
const width = 300;
const rows = 2;
const formatedText = formatWithEllipsis(props.children, {
  length: width * rows,
  lines: rows,
  fontSize: 14,
  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol',
});

recognize break lines

import formatWithEllipsis from '@typography-org/native';
const width = 300;
const rows = 2;
const formatedText = formatWithEllipsis(props.children, {
  length: width * rows,
  lines: rows,
  fontSize: 14,
  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol',
}, {
  recognizeLineBreaks: true,
});

Documentation

See https://drdevelop.github.io/typography/native/index.html

Community

Vue and React Components

@typography-org/react @typography-org/vue