1.0.6 • Published 2 years ago

@anchor-it/card v1.0.6

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

@anchor-it/card

通用的card组件,兼容原有的Api

Install

Use npm:

npm install --save @anchor-it/card

Use yarn:

yarn add @anchor-it/card -S

Usage

import React, { Component } from 'react';
import { Button } from 'antd';
import { Card, RetractableCard } from '@/components/Card';

class Page extends Component{
  state = {}
  
  handleButtonOnClick=()=>{
    console.log('handleButtonOnClick')
  }
  
  renderRightBtn=()=>{
    return <Button type={'primary'} onClick={this.handleButtonOnClick}>右侧按钮</Button>
  }
  
  render(){
    <Card title={'Main Card'} rightButtons={this.renderRightBtn}>
     <RetractableCard title="Retractable Card">12345</RetractableCard>
    </Card>

  }
}

Api

Card

普通卡片

属性说明类型默认值
title卡片标题string-
className卡片classNamestring-
rightButton卡片title右侧的按钮组function-
style卡片本身的styleobject-
containerStyle卡片内容区域的styleobject-

RetractableCard

可展开的卡片

属性说明类型默认值
title卡片标题string-
className卡片classNamestring-
rightButton卡片title右侧的按钮组function-
style卡片本身的styleobject-
1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago