WPDS Documentation & Resources

export default function Example() {
  const SpaceExample = styled("div", {
    padding: theme.space["300"], // Space example
    marginRight: theme.space["200"], // Space example
    backgroundColor: theme.colors.primary,
    color: theme.colors.onPrimary,
  });
  return (
    <>
      <SpaceExample>Item 1</SpaceExample>
      <SpaceExample>Item 2</SpaceExample>
    </>
  );
}