Card

1
() => (
2
  <div style={{ backgroundColor: '#eff4f9', padding: '50px' }}>
3
    <Card>
4
      Kubesphere.io is an upstream project of the KubeSphere container management platform.
5
    </Card>
6
  </div>
7
)
8

1
() => (
2
  <div style={{ backgroundColor: '#eff4f9', padding: '50px' }}>
3
    <Card sectionTitle="section title">
4
      Introduced in HTTP/1.0, HTTP headers make this protocol easy to extend and experiment with.
5
      <br />
6
      New functionality can even be introduced by a simple agreement between a client and a server
7
      <br />
8
      about a new header's semantics.
9
    </Card>
10
  </div>
11
)
12

1
() => (
2
  <div style={{ backgroundColor: '#eff4f9', padding: '50px' }}>
3
    <Card sectionTitle="section title" hoverable>
4
      Introduced in HTTP/1.0, HTTP headers make this protocol easy to extend and experiment with.
5
      <br />
6
      New functionality can even be introduced by a simple agreement between a client and a server
7
      <br />
8
      about a new header's semantics.
9
    </Card>
10
  </div>
11
)
12