6.4.2 • Published 1 year ago

@buttercup/ui v6.4.2

Weekly downloads
34
License
MIT
Repository
github
Last release
1 year ago

Buttercup UI Components

Buttercup npm version Build Status

React UI Components used in Buttercup product series.

Preview Components

npm install
npm run storybook

Then head to http://localhost:6006/.

Use Components

yarn add @buttercup/ui
# or
npm install @buttercup/ui --save
import { Button } from '@buttercup/ui';

const MyComponent = () => (
  <Button danger>Delete</Button>
);

Available Components

Password generator

The password generator comes bundled in a popover, which can be used like so:

import { Generator } from "@buttercup/ui";

const Comp = () => (
  <Generator
    onGenerate={handleGenerated}
    isOpen={isOpen}
  >
    <div>
      <Button onClick={toggleGenerator}>
        Generate Password
      </Button>
    </div>
  </Generator>
);

If you just require the body of the generator, you can import GeneratorUserInterface instead.

Password Strength Indicator

The indicator can be used like so:

import { Meter } from "@buttercup/ui";

const Comp = () => (
  <Meter input={inputValue} />
);

Button

Available as Button.

TBA.

Input

Available as Input.

TBA.

Center

Available as Center.

TBA.

SmallType

Available as SmallType.

TBA.

Translations / i18n

Parts of this UI library are internationalised. You can find the translations at src/i18n/translations. When adding new translations, make sure to update the index at src/i18n/translations/index.js so that the language is made available.

To change the language, import changeLanguage and call it with a 2-character language code, such as en.

Testing

Run npm t to execute the tests.

To update component snapshots run npm run test:updateSnapshots.

6.4.2

1 year ago

6.4.0

1 year ago

6.3.0

2 years ago

6.2.2

2 years ago

6.1.0

3 years ago

6.2.1

3 years ago

6.2.0

3 years ago

6.0.1

3 years ago

6.0.0

3 years ago

5.2.0-0

3 years ago

5.2.0

3 years ago

5.1.1

4 years ago

5.1.0

4 years ago

5.0.1

4 years ago

5.0.0

4 years ago

4.12.0

4 years ago

4.11.0

4 years ago

4.10.0

4 years ago

4.9.1

4 years ago

4.9.0

4 years ago

4.8.0

4 years ago

4.7.0

4 years ago

4.4.0

4 years ago

4.6.0

4 years ago

4.5.0

4 years ago

4.5.1

4 years ago

4.3.0

4 years ago

4.2.0

4 years ago

4.1.1

4 years ago

4.1.0

5 years ago

4.0.4

5 years ago

4.0.1

5 years ago

4.0.3

5 years ago

4.0.2

5 years ago

4.0.0

5 years ago

4.0.0-0

5 years ago

3.1.2

5 years ago

3.1.1

5 years ago

3.1.0

5 years ago

3.0.0-r08

5 years ago

3.0.0-r07

5 years ago

3.0.0-r06

5 years ago

3.0.0-r05

5 years ago

3.0.0-r04

5 years ago

3.0.0-r03

5 years ago

3.0.0-r02.0

5 years ago

2.4.1-0

5 years ago

3.0.0-r02

5 years ago

3.0.0-r01

5 years ago

2.4.0

5 years ago

2.3.2

5 years ago

2.3.0

5 years ago

2.3.1

5 years ago

2.2.1

6 years ago

2.2.0

6 years ago

2.1.0

6 years ago

2.0.0

6 years ago

2.0.0-rc9.4

6 years ago

2.0.0-rc9.2

6 years ago

2.0.0-rc9.1

6 years ago

2.0.0-rc9.0

6 years ago

2.0.0-rc9

6 years ago

2.0.0-rc8

6 years ago

2.0.0-rc7

6 years ago

2.0.0-rc6

6 years ago

2.0.0-rc5

6 years ago

2.0.0-rc4

6 years ago

2.0.0-rc3

6 years ago

2.0.0-rc2

6 years ago

2.0.0-rc1

6 years ago

1.4.2

7 years ago

1.4.1

7 years ago

1.4.0

7 years ago

1.3.0

7 years ago

1.2.0

7 years ago

1.1.0

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.6.2

8 years ago

0.6.1

8 years ago

0.6.0

8 years ago