Skip to content
Change the site theme

Inline Code


Guidelines page anchor

About Inline Code

About Inline Code page anchor

The Inline Code component emphasizes short, inline pieces of computer code such as variable names, commands, and function calls. It's also used to display important inline code snippets, such as SIDs, IDs, and API keys

The most common use for Inline Code is inside of other pieces of text. Inline Code emphasizes that the text is a piece of code using styling conventions.

Inline Code is also commonly used standalone for key pieces of code text, such as SIDs or Keys.


Installation page anchor
yarn add @twilio-paste/inline-code - or - yarn add @twilio-paste/core
import {InlineCode} from '@twilio-paste/inline-code';
const ExampleInlineCode = () => <InlineCode>console.log(mySustainabilityGoals)</InlineCode>;
childrenstringtext to display inline as code
element?stringOverrides the default element name to apply unique styles with the Customization Provider'INLINE_CODE'
Figma usage guidelines coming soon

Black lives matter.