react-tiny-link icon indicating copy to clipboard operation
react-tiny-link copied to clipboard

Styling not supported

Open armanjaybayona opened this issue 5 years ago • 7 comments

Sadly I can't alter the design to fit on my personal project.

armanjaybayona avatar Jan 22 '20 07:01 armanjaybayona

Hi @armanjaybayona thanks for your request, we have plan to support custom styling. Will keep you update when its ready

winhtaikaung avatar Jan 26 '20 08:01 winhtaikaung

Hi, any update on this ? This makes the use of this component pretty tough :disappointed:

A simple solution would be to accept a className prop and merge it with the current one. What do you think ?

Dot-H avatar Apr 12 '20 15:04 Dot-H

Any hacks here? I love this library but need custom styling 😞

dhruvbhatia7 avatar Oct 20 '20 14:10 dhruvbhatia7

Is it possible to make this information within the component accessible? If you publish it as a hook to give us the image url, description and title, we can style it however we want

AndyYuanZhou avatar Nov 30 '20 23:11 AndyYuanZhou

Any update on this yet? Need an option to use custom styles instead of default card.

mohiyuddinshaikh avatar Feb 08 '21 10:02 mohiyuddinshaikh

Also interested in the update. To use custom style, I switched to the useScrapper hook but it triggers other problems.

juliettebeaudet avatar Mar 29 '21 13:03 juliettebeaudet

For now you can use the .react_tinylink_card class to set custom styles:

<style>{'.react_tinylink_card {background-color: red;}'}</style>
<ReactTinyLink url="https://google.com" />

Example: https://codesandbox.io/s/react-tiny-link-forked-l1lzj

vekvoid avatar Aug 15 '21 16:08 vekvoid