Create new Content Components

[sebald]

Description

We want to create some components that can be used to organize content.

Components

CONTENT

• Content feat: New component <Content> #1997
• Divider refa: divider restructure #1999
• Footer feat:Footer component #2013
• Header feat: Header component #2012
• Heading feat(comp): headline component #1998
• Image
• Text refa:Text component restructure #2014

Context

We decided to steal the idea from react-spectrum and create reusable components that help structure content instead of creating dedicated components for things like <Card> and <Dialog>.

Consequences

Instead of having something like this:

<Card>
  <Card.Title></Card.Title>
  <Card.Content></Card.Content>
  <Card.Footer></Card.Footer>
</Card>

<Dialog>
  <Dialog.Title></Dialog.Title>
  <Dialog.Content></Dialog.Content>
  <Dialog.Footer></Dialog.Footer>
</Dialog>

we want this:

<Card>
  <Header></Header>
  <Content></Content>
  <Footer></Footer>
</Card>

<Dialog>
  <Header></Header>
  <Content></Content>
  <Footer></Footer>
</Dialog>

This should help to enforce consistency in the design, e.g. same heading everywhere.