This package has been deprecated

Author message:

This package has been deprecated. Please find this package under its new name @cloudflare/component-text.

cf-component-text

4.6.0 • Public • Published

cf-component-text

Cloudflare Text Component

Installation

Installation with yarn is recommended

 
$ yarn add cf-component-text
 

Usage

import React from 'react';
import { Text } from 'cf-component-text';
 
const TextComponent = () => (
  <div>
    <p>
      Specify a <code>size</code>
    </p>
    <Text size="normal">Hello World</Text>
    <Text size="small">Hello World</Text>
    <Text size="normal" weight="semi-bold">
      Hello World
    </Text>
    <Text size="normal" weight="bold">
      Hello World
    </Text>
 
    <p>
      and/or an <code>align</code>
    </p>
    <Text align="start">Hello World</Text>
    <Text align="center">Hello World</Text>
    <Text align="justify">Hello World</Text>
    <Text align="end">Hello World</Text>
 
    <p>
      and/or a <code>type</code>
    </p>
    <Text type="info">Hello World</Text>
    <Text type="success">Hello World</Text>
    <Text type="warning">Hello World</Text>
    <Text type="error">Hello World</Text>
    <Text type="muted">Hello World</Text>
 
    <p>
      and/or a <code>case</code>
    </p>
    <Text case="capitalize">hello world</Text>
    <Text case="titlecase">hello world</Text>
    <Text case="lowercase">Hello World</Text>
    <Text case="uppercase">Hello World</Text>
  </div>
);
 
export default TextComponent;
 

Readme

Keywords

none

Package Sidebar

Install

npm i cf-component-text

Weekly Downloads

226

Version

4.6.0

License

BSD-3-Clause

Unpacked Size

17.1 kB

Total Files

9

Last publish

Collaborators

  • lerwincf
  • lbarthonet
  • cf-media-manager
  • jacobbednarz
  • celso
  • cf-radar
  • dash_service_account
  • g4brym
  • snigdha34
  • wrangler-publisher
  • marksteyn
  • chiminator
  • sgoodhew_cf
  • terinjokes
  • third774
  • jsteinberger
  • jasnell
  • asapzacy
  • pcostanzo
  • gregbrimble
  • geelen
  • rexscaria
  • dcruz_cf
  • xuranwang
  • jculvey
  • sejoker
  • vasturiano
  • cf-ci-write
  • segments-write
  • thibmeu
  • xortive
  • gurjinder
  • cf-ci2
  • lvalenta
  • worenga