YourToken UI Kit

UI copmonents powering the YourToken ecosystem.

Available Scripts

Build the library

npm run rollup

Publish the library

npm publish

Run storybook locally

npm run storybook

Build storybook

npm run build-storybook

Reference code for state management in story files

import { useArgs } from "@storybook/preview-api";

import SomeComponent from "./Index";

export default {
  component: SomeComponent,
};

export const Default = {
  render: function Component(args) {
    const [, setArgs] = useArgs();

    const onChange = (value) => {
      args.onChange(value);
      setArgs({ value: value });
    };

    return <SomeComponent {...args} onChange={onChange} />;
  },
  args: {
    value: null,
  },
};