X

The most powerful component from the design system. This is the FUTURE!

X component can exist as any HTML tag.

Remember, it uses all the theme settings as well as other components.

Usage

Try using:

<X.div>something here</X.div>
Copy

You can pass all the style props, see one example:

<X.div bg='blue'>something here</X.div>
Copy

And you can pass css events and much more:

<X.div bg={{ _: 'blue', hover: 'red' }}>something here</X.div>
Copy

See the docs for this feature here.

This example running: