pastebot

@twilio-labs/svg-to-react

A utility to convert raw svg files into accessible and extendable React Components.

@twilio-paste/design-tokens

Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.

@twilio-paste/heading

A Heading is text that gives hierarchical structure to a page.

@twilio-paste/input

An Input is a form element that lets users enter one of various types of text on a single line.

@twilio-paste/button

A Button is a clickable element which communicates that users can trigger an action.

@twilio-paste/anchor

An Anchor is text that navigates the user from one webpage to another.

@twilio-paste/spinner

A Spinner is an animation that communicates a loading state to users.

@twilio-paste/box

The Box primitive is one of the pillars of our system. It can be any HTML element and can receive many of our token values as props. We use Box to build most of our other components.

@twilio-paste/media-object

Media Object is a layout utility that allows an image or figure to be positioned horizontally next to some form of content.

@twilio-paste/screen-reader-only

Screen Reader Only is a utility that visually hides content to provide an accessible experience for users of assistive technology.

@twilio-paste/text

The Text component is a primitive of the system and can output any supported text style provided by our design tokens. Coupled with Box, it underpins most of our components.

@twilio-paste/truncate

Truncate is a wrapper that shortens a string of text that overflows a defined area.

@twilio-paste/icons

Twilio's icon library, ready for use and with accessibility considerations

@twilio-paste/theme

Paste Design System Theme Package which provides support for APIs to theme UIs and components.

@twilio-paste/typography

Twilio's Typography component

@twilio-paste/types

Shared typescript typings for Paste

@twilio-paste/core

Core contains all the packages from the Paste design system.

@twilio-paste/paragraph

A Paragraph is a block of text.

@twilio-paste/list

A List is a set of text objects in a bulleted or numbered format.

@twilio-paste/flex

A primitive component that can be used to build flexbox based elements and layouts.

@twilio-paste/style-props

Shared utilities for style properties used in Paste

@twilio-paste/card

A Card is a styled container that groups related content and actions.