English · 简体中文

特点

支持环境

| Edge | Firefox | Chrome | Safari | | --- | --- | --- | --- | | Edge | last 3 versions | last 3 versions | last 3 versions |

使用SeaLion-client

使用 SeaLion client 创建的项目可直接使用SeaLion-ui

> slc create hello-app # 使用sea-lion-client创建hello-app
> cd hello-app

手动安装

1.创建项目

npm i sea-lion-ui

2.导入组件样式

app.tsx

import 'sea-lion-ui/dist/index.css';

3.使用组件

hello.tsx

import React from 'react';
import { useIntl } from 'react-intl';
import { Button, IconFont } from 'sea-lion-ui';

const Hello = () => {
    const Intl = useIntl();

    return (
        <div>
            {
                Intl.formatMessage({
                    id: 'hello',
                    defaultMessage: '嗨'
                })
            }
            <Button type="primary" disabled>
                <IconFont icon="icon-CompassionOutlined" />
                hello
            </Button>
        </div>
    );
};

export default Hello;

开发

1. 拉取代码

git clone https://github.com/OpenSealion/sealion-ui.git

2. 本地运行

# 运行开发环境
npm run dev

3. 访问 http://localhost:6006/?path=/story/welcome--page

发布

以下两个命令选择一个执行即可：

# interactive and allows you to confirm each task before execution
npm run release
# or auto increase version on patch
npm run release-auto;

# more info: https://github.com/release-it/release-it