Skip to main content


Declare an ordered list of fallback values for a style property.

All of the fallbacks are included in the generated styles so that the first supported style within the list takes effect within the browser.

function firstThatWorks<Values extends Array<string | number>>(
...styles: Values
): Values[number];

Example use:

import * as stylex from '@stylexjs/stylex';

const styles = stylex.create({
header: {
position: stylex.firstThatWorks('sticky', '-webkit-sticky', 'fixed'),