WPDS Documentation & Resources

export default function Example() {
  return (
    <Box
      css={{
        display: "flex",
        justifyContent: "center",
        width: "100%",
        gap: "$100",
      }}
    >
      <Button
        variant="primary"
        isOutline
        css={{ border: "none" }}
        icon="center"
      >
        <Icon size="100">
          <Add />
        </Icon>
      </Button>
      <Button variant="primary" isOutline css={{ border: "none" }}>
        Text button
      </Button>
    </Box>
  );
}