# Gradient picker

```js
const [value, setValue] = React.useState(
  'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)',
);
<SilkeBox gap="m">
  <SilkeBox flex>
    <SilkeGradientPicker value={value} onChange={setValue} />
  </SilkeBox>
  <SilkeBox flex rounded style={{ background: value }} />
</SilkeBox>;
```