Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Side-drawer


How to send data to side-drawer. I'm using table 'react-table' for showing table. Inside table I have view button. Whenever I click view button I'm able to open side-drawer. But I'm not able to send props to the side drawer. Please tell me how to send props. Without using context.
Please help!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (11)


Optimize your business with expert NetSuite consulting services. From seamless ERP implementation to process optimization and ongoing support, our certified consultants provide tailored solutions to streamline operations, enhance efficiency, and drive growth. Unlock your business’s potential with customized NetSuite solutions.



Ensure pure and safe water with our advanced water purification solutions. Aquafiltrum specializes in providing high-performance systems that deliver safe drinking water for every household.



Experience the best in water purification with our water purification plant! Aquafiltrum delivers cutting-edge purification systems for both commercial and industrial purposes.



Discover amazing Desert Safari Dubai deals! Enjoy thrilling dune bashing, camel rides, and a memorable evening under the stars at unbeatable prices. Don’t miss out—book your adventure today and experience the magic of the desert!



Experience Dubai in ultimate luxury with a private yacht tour Dubai! Enjoy an exclusive, tailored journey along the city’s breathtaking coastline, with stunning views of landmarks like the Burj Al Arab and Palm Jumeirah. Book your private yacht tour today for an unforgettable experience!



Best Real Estate Photographers in McKinney by Better Angle Media: Looking for the best real estate photographers in McKinney? Better Angle Media excels in capturing the unique charm of McKinney homes. Our high-quality visuals emphasize light, space, and detail, making properties stand out and attract buyers. Trust us to showcase your property in the best possible light.

Discover Muhawraat’s exclusive Pakistani wedding dress collection, offering timeless elegance and intricate craftsmanship. Find the perfect bridal outfit that reflects tradition and modern sophistication for your special day.



Discover the latest collection of Embroidered chiffon dresses. Perfect for any occasion, these elegant and stylish dresses will make you stand out from the crowd. Stay fashionable with Fiza Minahil



Explore OneSkin's niacinamide serum, a skincare essential in Pakistan. Harness the power of niacinamide for smoother, clearer skin—Trust OneSkin for effective formulas crafted with quality ingredients.



Hi,

Thank you for reaching out to us.

If the variables you want to pass to the drawer component are located in the same file where you instantiate your drawer component, you can pass them through props. The same applies if you instantiate it in any of the child components, and you can do it through prop drilling.

However, if your components tree is more complex, it is recommended to use Context or app state libraries like react-redux or zustand.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(