Packages

@twind/preset-typography › TypographyOptions

Properties

className

Optional className: string

The class name to use the typographic utilities. To undo the styles to the elements, use it like not-${className} which is by default not-prose.

Note: not utility is only available in class.

Default Value

prose

Defined in

packages/preset-typography/src/index.ts:55


colors

Optional colors: Object

Type declaration

NameTypeDescription
body?stringDefault Value '700'
bold?stringDefault Value '900'
bullets?stringDefault Value '300'
captions?stringDefault Value '500'
code?stringDefault Value '900'
counters?stringDefault Value '500'
dark?null | { body?: string ; bold?: string ; bullets?: string ; captions?: string ; code?: string ; counters?: string ; headings?: string ; hr?: string ; lead?: string ; links?: string ; pre-bg?: string ; pre-code?: string ; quote-borders?: string ; quotes?: string ; td-borders?: string ; th-borders?: string }-
headings?stringDefault Value '900'
hr?stringDefault Value '200'
lead?stringDefault Value '600'
links?stringDefault Value '900'
pre-bg?stringDefault Value '800'
pre-code?stringDefault Value '200'
quote-borders?stringDefault Value '200'
quotes?stringDefault Value '900'
td-borders?stringDefault Value '200'
th-borders?stringDefault Value '300'

Defined in

packages/preset-typography/src/index.ts:64


defaultColor

Optional defaultColor: string

Default color to use.

Default Value

'gray'

Defined in

packages/preset-typography/src/index.ts:62


extend

Optional extend: CSSNested

Extend or override CSS selectors with CSS declaration block.

Default Value

undefined

Defined in

packages/preset-typography/src/index.ts:206