141 lines
2.9 KiB
Plaintext
141 lines
2.9 KiB
Plaintext
================================================================================
|
|
THEME PROVIDER OPTIONS
|
|
================================================================================
|
|
|
|
PROPS (All Required except showBlurBottom)
|
|
-------------------------------------------
|
|
|
|
1. defaultButtonVariant
|
|
• "hover-magnetic"
|
|
• "hover-bubble"
|
|
• "expand-hover"
|
|
• "icon-arrow"
|
|
• "shift-hover"
|
|
• "text-stagger"
|
|
|
|
2. defaultTextAnimation
|
|
• "entrance-slide"
|
|
• "reveal-blur"
|
|
• "background-highlight"
|
|
|
|
3. borderRadius
|
|
• "sharp"
|
|
• "rounded"
|
|
• "soft"
|
|
• "pill"
|
|
|
|
4. contentWidth
|
|
• "small"
|
|
• "medium"
|
|
• "large"
|
|
|
|
5. sizing
|
|
• "small"
|
|
• "medium"
|
|
• "large"
|
|
• "mediumSizeExtraLargeTitles"
|
|
• "smallSizeLargeTitles"
|
|
• "largeSizeMediumTitles"
|
|
• "mediumSizeExtraLargeSpacing"
|
|
• "mediumSizeExtraSmallSpacing"
|
|
• "largeSizeExtraLargeSpacing"
|
|
|
|
6. background
|
|
• "none"
|
|
• "plain"
|
|
• "grid"
|
|
• "dotGrid"
|
|
• "circleGradient"
|
|
• "aurora"
|
|
• "floatingGradient"
|
|
• "animatedGrid"
|
|
• "animatedAurora"
|
|
• "fluid"
|
|
• "radialGradient"
|
|
• "gradientBars"
|
|
• "noise"
|
|
• "noiseGradient"
|
|
• "noiseDiagonalGradient"
|
|
|
|
7. cardStyle
|
|
• "solid"
|
|
• "solid-accent"
|
|
• "solid-accent-light"
|
|
• "outline"
|
|
• "outline-light"
|
|
• "glass-outline"
|
|
• "glass-outline-light"
|
|
• "elevated"
|
|
• "elevated-accent"
|
|
• "elevated-accent-light"
|
|
• "floating"
|
|
• "gradient-subtle"
|
|
• "gradient-mesh"
|
|
• "gradient-radial"
|
|
• "frosted-heavy"
|
|
• "neon-glow"
|
|
• "accent-corner-border"
|
|
• "inset"
|
|
• "spotlight"
|
|
• "shadow-colored"
|
|
• "glass-elevated"
|
|
• "glass-flat"
|
|
• "glass-depth"
|
|
• "gradient-bordered"
|
|
• "solid-bordered"
|
|
• "layered-gradient"
|
|
• "noise"
|
|
• "noise-gradient"
|
|
|
|
8. primaryButtonStyle
|
|
• "gradient"
|
|
• "shadow"
|
|
• "flat"
|
|
• "layered-depth"
|
|
• "radial-glow"
|
|
• "diagonal-gradient"
|
|
• "neon-glow-border"
|
|
• "outline"
|
|
|
|
9. secondaryButtonStyle
|
|
• "glass"
|
|
• "outline"
|
|
• "solid"
|
|
• "minimal"
|
|
• "layered"
|
|
• "radial-glow"
|
|
|
|
10. headingFontWeight
|
|
• "light"
|
|
• "normal"
|
|
• "medium"
|
|
• "semibold"
|
|
• "bold"
|
|
• "extrabold"
|
|
|
|
11. showBlurBottom (optional)
|
|
• true
|
|
• false (default)
|
|
|
|
================================================================================
|
|
|
|
EXAMPLE USAGE:
|
|
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
showBlurBottom={false}
|
|
>
|
|
{children}
|
|
</ThemeProvider>
|
|
|
|
================================================================================
|