mirror of
https://gitea.gofwd.group/dstrawsb/ballistic-builder.git
synced 2025-12-06 02:36:44 -05:00
work and created develop branch
This commit is contained in:
14
Example Code/Card/index.css
Normal file
14
Example Code/Card/index.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.card {
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
max-width: 80%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.close {
|
||||
font-size: 1.5em;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
23
Example Code/Card/index.tsx
Normal file
23
Example Code/Card/index.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import React from "react";
|
||||
import "./index.css";
|
||||
class Card extends React.Component {
|
||||
|
||||
constructor( props ) {
|
||||
super(props)
|
||||
this.state = { show : true };
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="card" >
|
||||
<span
|
||||
className="close" onClick={this.props.dataclick}
|
||||
datatitle={this.props.title}>×</span>
|
||||
<h3>{this.props.title}</h3>
|
||||
<p>{this.props.content}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
export default Card;
|
||||
Reference in New Issue
Block a user