Ability to use bootstrap classes

It would be nice to have a feature so that if my component is wrapped in your provider all children can use css classes like d-flex, text-danger, and so on.

Is this “sort-of” supported now?

[aichbauer]

Thank you, I am glad you like it 😀

If you think about something similar to Utility classes of Bootstrap. Than I definitely would love to support this. While I think we should not use className for them since this library currently is props based.

But we could definitely support something similar to <Button text-danger>Somthing</Button>? What do you think of that idea?

[michaelkryukov]

I started to work on this issue. Here are results so far. Looks promising.

import { Utilities } from "./utilities";

const Div = styled.div`
  ${Utilities}
`;

function App() {
  return (
    <Div dFlex flexColumn>
      <Div ml4>Hello CodeSandbox</Div>
      <Div ml1>Hello CodeSandbox</Div>
      <Div invisible>Hello CodeSandbox</Div>
    </Div>
  );
}

It looks like this can become a nice separate package.