CompramosTuMoto Design System

How to use

npm install ctm-design-system

Import and use components

import { Button } from 'ctm-design-system';

const Component = () => {
  return (
    <Button
      id={'idForTestingButton'}
      type="button"
      label="Action"
      buttonType={ButtonType.POSITIVE}
      onClick={() => doAction()}
    />
  );
};

Import and use scss variables and mixins

@import '~ctm-design-system/dist/tokens';

.my-class {
  color: $color-primary-400;
  padding: $spacing-m;

  @include for-desktop {
    color: $color-grey-400;
  }
}

How to develop

To build the library

From the package folder, run:

npm run build

To deploy the library

From the package folder, run:

npm run deploy

How to test in sandbox

From the root folder, run:

./setup.sh

If you get a permission error, run chmod +x setup.sh and try again.