Provide clear (best practice) examples. Not antipatterns.

[andriiburov]

On which framework/platform would you like to see this feature implemented?

React

Which UI component is this feature-request for?

Other

Please describe your feature-request in detail.

Theming documentation is a total mess.

Please provide simple and pure examples first, before starting mixing styled components and custom attributes.
Many developers just copy as is, without thinking.
No need to overcomplicate examples at the very beginning.

Please describe a solution you'd like.

No response

We love contributors! Is this something you'd be interested in working on?

• 👋 I may be able to implement this feature request.
• ⚠️ This feature might incur a breaking change.

[andriiburov]

import * as React from 'react';
import styled from 'styled-components';
import { View } from '@aws-amplify/ui-react';

const StyledView = styled(View)`
  background-color: black;
  font-size: 32px;
`;

//use it like any other amplify-ui component
<StyledView >
  This is my Styled View
</StyledView>;

[soberm]

Hi @andriiburov,

Thank you for creating this issue. We will look into how we can improve our documentation.