React JS for the web
The most basic way to use the @dnb/eufemia
is like this:
Basic Buttons
Code Editor
<Button text="Basic Button" />
Importing the Components
To make the Button component work, we have to import it as well:
import { Button } from '@dnb/eufemia'
And here an example with several imports:
import { Button, Icon } from '@dnb/eufemia/components'import { H1, P, Link } from '@dnb/eufemia'import { hamburger as hamburgerIcon } from '@dnb/eufemia/icons'
Events
Code Editor
<Button text="Button" on_click={() => console.log('click')} />
Now, let's jump to the Button Docs for more details.
Also, you may be interested in more code examples? Have a look at the Demo App on GitHub or Example for React.
Examples
Have a look at the demos as well as a Webpack example app and SSR example.