Styling with tailwindcss
enisze opened this issue · comments
enisze commented
<TourProvider
steps={steps}
styles={{
popover: (base) => ({
...base,
'--reactour-accent': '#ef5a3d',
borderRadius: radius,
}),
maskArea: (base) => ({ ...base, rx: radius }),
maskWrapper: (base) => ({ ...base, color: '#ef5a3d' }),
badge: (base) => ({ ...base, left: 'auto', right: '-0.8125em' }),
controls: (base) => ({ ...base, marginTop: 100 }),
close: (base) => ({ ...base, right: 'auto', left: 8, top: 8 }),
}}
>
It would be great to be able to ust give a className for each and style it with tailwindcss instead of providing a styleObject.