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 › Twind

  1. Type parameters
  2. Callable
    1. Twind
  3. Properties
    1. config
    2. target
    3. theme
  4. Methods
    1. clear
    2. destroy
    3. snapshot

Type parameters

NameType
Themeextends BaseTheme = BaseTheme
Targetunknown

Callable

Twind

▸ Twind(tokens): string

Parameters

NameType
tokensStringLike

Returns

string

Defined in

packages/core/src/types.ts:74

Properties

config

• Readonly config: TwindConfig<Theme>

Defined in

packages/core/src/types.ts:80


target

• Readonly target: Target

Defined in

packages/core/src/types.ts:76


theme

• Readonly theme: ThemeFunction<ExtractUserTheme<Theme>>

Defined in

packages/core/src/types.ts:78

Methods

clear

▸ clear(): void

Clears all CSS rules from the sheet.

Returns

void

Defined in

packages/core/src/types.ts:85


destroy

▸ destroy(): void

Returns

void

Defined in

packages/core/src/types.ts:86


snapshot

▸ snapshot(): RestoreSnapshot

Returns

RestoreSnapshot

Defined in

packages/core/src/types.ts:82

MIT Licensed © 2023 Twind