Code

Inline code snippet with emphasis and intent variants.

Import

import { Code } from '@oztix/roadie-components'

Examples

Default

<Code>npm install @oztix/roadie-components</Code>

Emphasis

<div className='flex flex-row flex-wrap gap-2'>
  <Code emphasis='normal'>normal code</Code>
  <Code emphasis='strong'>strong code</Code>
  <Code emphasis='subtle'>subtle code</Code>
  <Code emphasis='subtler'>subtler code</Code>
</div>
View code

Intents

<div className='flex flex-row flex-wrap gap-2'>
  <Code intent='neutral'>neutral</Code>
  <Code intent='accent'>accent</Code>
  <Code intent='brand'>brand</Code>
  <Code intent='info'>info</Code>
  <Code intent='success'>success</Code>
  <Code intent='warning'>warning</Code>
  <Code intent='danger'>danger</Code>
</div>
View code