for Vue

<modal-component open>
  <p>Modal content goes here.</p>
</modal-component>

<table-component 
  :columns="['Name', 'Type', 'Date']" 
  :data="[{ Name: 'John', Type: 'Type1', Date: '2024-08-22' }]">
</table-component>

for react

import 'your-package-name'; // This automatically registers all components globally

function App() { return (

  <modal-component open>
    <p>Modal content goes here.</p>
  </modal-component>

  <table-component 
    columns={['Name', 'Type', 'Date']} 
    data={[{ Name: 'John', Type: 'Type1', Date: '2024-08-22' }]}>
  </table-component>
</div>

); }

export default App;