Dripsy 🍷by Fernando Rojo
  • Welcome
    • Installation
    • Setup
    • Starter Project
      • Next.js
      • Expo Web
      • SEO
    • Overview
      • Create a Theme
      • Color Modes
      • Shadows
      • Gradients
      • Fonts
      • Types
      • Variants
  • Custom Fonts
    • styled()
    • useDripsyTheme()
    • makeTheme()
    • useSx()
    • <Gradient />
    • Setup
    • Strict Types
    • Native vs. Web Types
    • Strict Variants
    • Exports
  • Upgrade to v3
  • Welcome
    • Installation
    • Setup
    • Starter Project
      • Next.js
      • Expo Web
      • SEO
    • Overview
      • Create a Theme
      • Color Modes
      • Shadows
      • Gradients
      • Fonts
      • Types
      • Variants
  • Custom Fonts
    • styled()
    • useDripsyTheme()
    • makeTheme()
    • useSx()
    • <Gradient />
    • Setup
    • Strict Types
    • Native vs. Web Types
    • Strict Variants
    • Exports
  • Upgrade to v3

TypeScript Exports

You can import a few useful types:

  • Sx
  • SxProp (Same as Sx, except that it also allows a factory function)
  • Theme which is the type for your theme. This will match your custom theme if you completed the TypeScript Guide.
import type { Sx, SxProp, Theme } from 'dripsy'
Strict Variants
Upgrade to v3

MIT 2023 © Fernando Rojo
Edit this page on GitHub ⚡️