Carbon: need VanillaJS docs to integrate Carbon components with blazor!

Created on 1 Mar 2020  ยท  3Comments  ยท  Source: carbon-design-system/carbon

What package(s) are you using?

  • [x] carbon-components
  • [ ] carbon-components-react

Summary

Relevant information

help wanted ๐Ÿ‘ question โ“

Most helpful comment

Seems like you've got it working ๐Ÿ‘

Going to close this but feel free to leave a comment if you need us to do anything else ๐Ÿ™‚

All 3 comments

Hi,
I found those pages about Carbon HTML components but seems no-js related, however, I did some experiments on the browser console:

const bxDataTable = CarbonComponents.DataTableV2;
const bxOverflowMenu = CarbonComponents.OverflowMenu;
const bxModal = CarbonComponents.Modal;

var element = document.getElementById('my-table');
var table = bxDataTable.create(elment, {}); // need to investigate source files to know about the options

// for example for data table overflow menu to work you should also 
// initialize the OverflowMenu components

bxDataTable.init();
bxOverflowMenu.init();

var modal_element = document.getElementById("my-modal");
var modal = bxModal.create(modal_element, {});

bxModal.init();
modal.show({});

I didn't pay attention to this section Get started Vanila

a demo of the data table!
https://nlayersapp-demo.azurewebsites.net/manage/users

and here is a page for the DataTableV2 components in blazor:

NLayersApp.SampleProject.Shared.components.BxDataTableV2

thanks!

Seems like you've got it working ๐Ÿ‘

Going to close this but feel free to leave a comment if you need us to do anything else ๐Ÿ™‚

awesome framework ๐Ÿฅ‡

Was this page helpful?
0 / 5 - 0 ratings