## Loading Show animation while loading data. ### Loading inside a container Displays animation in a container (such as a table) while loading data. :::demo We provide a custom directive `v-loading`. You just need to bind a `boolean` value to it. By default, the loading mask will append to the element where the directive is used. Adding the `body` modifier makes the mask append to the body element. ```html ``` ::: ### Loading text You can customize a text message. :::demo ```html ``` ::: ### Full screen loading Show a full screen animation while loading data. :::demo Add the `fullscreen` modifier to create a full screen mask, and it will append to body. In this case, if you disable scrolling on body, you add another modifier `lock`. ```html ``` :::