reactbits-mcp-server/src/constants/code/TextAnimations/textPressureCode.js

MCP Server for React Bits - Access 99+ React components with animations, backgrounds, and UI elements

import { generateCliCommands } from '@/utils/utils';

import code from '@content/TextAnimations/TextPressure/TextPressure.jsx?raw';
import tailwind from '@tailwind/TextAnimations/TextPressure/TextPressure.jsx?raw';
import tsCode from '@ts-default/TextAnimations/TextPressure/TextPressure.tsx?raw';
import tsTailwind from '@ts-tailwind/TextAnimations/TextPressure/TextPressure.tsx?raw';

export const textPressure = {
  ...(generateCliCommands('TextAnimations/TextPressure')),
  usage: `import TextPressure from './TextPressure';

// Note:
// Make sure the font you're using supports all the variable properties. 
// React Bits does not take responsibility for the fonts used

<div style={{position: 'relative', height: '300px'}}>
  <TextPressure
    text="Hello!"
    flex={true}
    alpha={false}
    stroke={false}
    width={true}
    weight={true}
    italic={true}
    textColor="#ffffff"
    strokeColor="#ff0000"
    minFontSize={36}
  />
</div>`,
  code,
  tailwind,
  tsCode,
  tsTailwind
}