Bulma – Modal
In this guide, we will discuss Modal in Bulma. Description Modal is a child window that is layered over its parent window. It displays the content from a separate source…
In this guide, we will discuss Modal in Bulma. Description Modal is a child window that is layered over its parent window. It displays the content from a separate source…
In this guide, we will discuss Message in Bulma. Description Bulma provides message blocks to enhance the look of your page by using the message class in the article tag. Bulma also allows changing…
In this guide, we will discuss Dropdown in Bulma. Description Bulma provides toggelable dropdown menus for displaying related links in a list format. You need to use base class as .dropdown with…
In this guide, we will discuss Card in Bulma. Description Card component displays the content in a box for better appearance. It consists of the following inner elements inside the…
In this guide, we will discuss Breadcrumb in Bulma. Description The .breadcrumb class is required to define the breadcrumb component and the .is-active class can be used to show a particular active page. The…
Description You can share the component data with its wrapped content. Consider we have one component called {{my-component}} for which we can provide style property to write the post. You…
You can wrap the content in a component by using the templates. Consider we have one component called {{my-component}}, which can be wrapped in component by passing properties to it…
The components doesn't access the property directly in the template scope. Therefore, just declare the property at the time of component deceleration (ex: {{component-name title=title}}). The title property in the outer template…
You can remove the component elements from the DOM by triggering the willDestroyElement hook. Syntax import Ember from 'ember'; export default Ember.Component.extend ({ ... willDestroyElement() { //code here }, ... }) Example…
The didRender hook is called to make an update to the DOM when the template has been rendered. Syntax import Ember from 'ember'; export default Ember.Component.extend({ ... didRender() { //code here },…