reactbits-mcp-server/src/constants/code/Animations/fadeContentCode.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/Animations/FadeContent/FadeContent.jsx?raw';
import tailwind from '@tailwind/Animations/FadeContent/FadeContent.jsx?raw';
import tsCode from '@ts-default/Animations/FadeContent/FadeContent.tsx?raw';
import tsTailwind from '@ts-tailwind/Animations/FadeContent/FadeContent.tsx?raw';

export const fadeContent = {
  ...(generateCliCommands('Animations/FadeContent')),
  usage: `import FadeContent from './FadeContent'
  
<FadeContent blur={true} duration={1000} easing="ease-out" initialOpacity={0}>
  {/* Anything placed inside this container will be fade into view */}
</FadeContent>`,
  code,
  tailwind,
  tsCode,
  tsTailwind
}