Twind.style

Something lacking or missing? File an issue! Something lacking or missing? File an issue!
Twind Documentation Twind Playground Discussions on GitHub Twind on GitHub Twind on Discord Twind on Mastodon
Switch theme
  • Twind Documentation
    Documentation
  • Twind Packages
    Packages
  • Twind Playground
    Playground
  • Discussions on GitHub
    Discussions
  • Getting Started
    1. Installation
    2. Presets
    3. Integrations
    4. Examples
    5. Features
    6. Migration
    7. Comparison
  • Configuration
    1. Rules
    2. Variants
  • Presets
    1. Autoprefix
    2. Container Queries
    3. Extensions
    4. Line Clamp
    5. Radix UI
    6. Tailwind CSS
    7. Tailwind CSS Forms
    8. Typography
  • Use With
    1. Gatbsy
    2. Lit
    3. Next.js
    4. React
    5. Remix
    6. SvelteKit
    7. Web Components
  • Core Concepts
    1. Reference
    2. Component Styles
  • Advanced
    1. Grouping Syntax
    2. Aliases
    3. Library Mode
    4. IntelliSense
  • Packages
    1. @twind/cdn
    2. @twind/core
    3. @twind/intellisense
    4. @twind/preset-autoprefix
    5. @twind/preset-container-queries
    6. @twind/preset-ext
    7. @twind/preset-line-clamp
    8. @twind/preset-radix-ui
    9. @twind/preset-tailwind
    10. @twind/preset-tailwind-forms
    11. @twind/preset-typography
    12. @twind/with-next
    13. @twind/with-react
    14. @twind/with-remix
    15. @twind/with-sveltekit
    16. @twind/with-web-components
    17. gatsby-plugin-twind

Packages

@twind/core › TwindConfig

  1. Type parameters
  2. Properties
    1. darkColor
    2. darkMode
    3. finalize
    4. hash
    5. ignorelist
    6. preflight
    7. rules
    8. stringify
    9. theme
    10. variants

Type parameters

NameType
Themeextends BaseTheme = BaseTheme

Properties

darkColor

• Optional darkColor: DarkColor<Theme>

Defined in

packages/core/src/types.ts:354


darkMode

• Optional darkMode: DarkModeConfig

Allows to change how the dark variant is used (default: "media")

Defined in

packages/core/src/types.ts:353


finalize

• finalize: Finalize<Theme>[]

Defined in

packages/core/src/types.ts:366


hash

• Optional hash: boolean | HashFunction

Defined in

packages/core/src/types.ts:362


ignorelist

• ignorelist: (string | RegExp)[]

Defined in

packages/core/src/types.ts:364


preflight

• preflight: false | MaybeThunk<undefined | null | string | false | void | CSSBase, Theme>[]

Defined in

packages/core/src/types.ts:358


rules

• rules: Rule<Theme>[]

Defined in

packages/core/src/types.ts:360


stringify

• stringify: StringifyDeclaration<Theme>

Defined in

packages/core/src/types.ts:363


theme

• theme: ThemeConfig<Theme>

Defined in

packages/core/src/types.ts:356


variants

• variants: Variant<Theme>[]

Defined in

packages/core/src/types.ts:359

MIT Licensed © 2023 Twind