Tapestry-React

Showcase

Github

Card.Section

View Source

Used to wrap discrete content within Card.

Section 1

Section 2

Section 3

Section 4

Section 5

render(
  <Card spacing={<Divider />}>
    {[1, 2, 3, 4, 5].map((index) => (
      <Card.Section key={index} subdued={index % 2 === 0}>
        Section {index}
      </Card.Section>
    ))}
  </Card>
)

render(
  <Card spacing={<Divider />}>
    {[1, 2, 3, 4, 5].map((index) => (
      <Card.Section key={index} subdued={index % 2 === 0}>
        Section {index}
      </Card.Section>
    ))}
  </Card>
)

PreviousCard NextChurchCenterStatus