MediaQueryInput

Query object for useMediaQuery.

All conditions are combined with AND — every specified constraint must be satisfied for the query to match.

Example

// Match when terminal is at least 80 columns wide
const isWide = useMediaQuery({ minColumns: 80 });

// Match when terminal is between 40–120 columns and at least 20 rows tall
const isMedium = useMediaQuery({ minColumns: 40, maxColumns: 120, minRows: 20 });

Extended by

• MatchProps

Properties

Property	Type	Description
maxColumns?	number	Maximum terminal width in columns (inclusive).
maxRows?	number	Maximum terminal height in rows (inclusive).
minColumns?	number	Minimum terminal width in columns (inclusive).
minRows?	number	Minimum terminal height in rows (inclusive).