Ark

>Moving to a headless component system

Universal headless UI components for the web. Powered by Zag.js

code:tsx

import { NumberInput } from '@ark-ui/react';

export function Demo() {

return (

<NumberInput min={-50} max={50}>

<NumberInput.Label>Label</NumberInput.Label>

<NumberInput.Field />

<NumberInput.Control>

<NumberInput.DecrementTrigger>

<button>-1</button>

</NumberInput.DecrementTrigger>

<NumberInput.IncrementTrigger>

<button>+1</button>

</NumberInput.IncrementTrigger>

</NumberInput.Control>

</NumberInput>

);

}

We created a new library called Ark, which will be the headless component foundation for Chakra UI.