Ory is the largest open source community in the world for cloud software application security. We maintain advanced open source security software solving authentication, authorization, access control, application network security, and delegation. Ory implements a variety of industry and best-practice standards including OAuth 2.0 / OAuth 2.1, OpenID Connect, Zero Trust Networking, Google Zanzibar Policy Framework, FIDO2 U2F, WebAuthn, TOTP, and more.

Ory Community

image.png

Hello, is this the right place to ask a question about Ory Elements?
Questions: what is the recommended way to remove/hide the ory logo from places like the register portal?

You can override the card component, via the `components` prop or hide the logo via CSS with your own implmentation.

thanks
are there any docs on which CSS to override to hide the logo?

btw, I solved this some time ago by overriding the Card.Root component, but it took me a while and a lot of experimentation to figure out that is how you remove it...

and I was not sure that was the best way to do it

Not at the moment. Docs for that are still being worked on.

thanks. Since you are working on the docs, I would love if there was more reference / examples on how to override components

Finding a lot of difficulty on figuring out what functionality should custom components support or what they should handle in terms of props etc.

Yes, that's the plan :slightly_smiling_face:

We just didn't have the time yet. There are also still a few places where overriding the components is not possible, due to some internal structuring in the library. So we're also working on that.