lace-ui-toolkit 1.0.0
Install from the command line:
Learn more about npm packages
$ npm install @input-output-hk/lace-ui-toolkit@1.0.0
Install via package.json:
"@input-output-hk/lace-ui-toolkit": "1.0.0"
About this version
First, install the dependencies:
yarn install --frozen-lockfileStorybook is used for development
yarn storybook| Type | PURPOSE |
|---|---|
| Overview | Dumb components presented as 1:1 parity from Figma file |
| Interactions | Used for testing and to simulate user interactions |
| Controls | Interact with a component's arguments dynamically without needing to code |
Make sure to export components and subcomponents so they are displayed in the Docs tab.
export default {
title: 'List & tables/Assets table',
component: AssetsTable,
subcomponents: {
TokenProfile,
TokenAmount,
MarketPrice,
}
} as Meta;| FILES | PURPOSE |
|---|---|
| *.index.ts | Defines the public API to be imported by other modules |
| *.component.tsx | Defines the UI component |
| *.css.ts | Vanilla-extract CSS files |
| *.stories.ts | Storybook files |
| *.data.ts | Defines the data/types representation of the UI component or application logic |
| *.context.ts | Defines the UI component's inner state to be consumed by nested children |
| *.hooks.ts | Defines methods to manipulate the context state |
