--- title: Loading desc: Loading shows an animation to indicate that something is loading. layout: components classnames: component: - class: loading desc: Loading element style: - class: loading-spinner desc: spinner animation - class: loading-dots desc: dots animation - class: loading-ring desc: ring animation - class: loading-ball desc: ball animation - class: loading-bars desc: bars animation - class: loading-infinity desc: infinity animation size: - class: loading-xs desc: Extra small size - class: loading-sm desc: Small size - class: loading-md desc: Medium size default: true - class: loading-lg desc: Large size - class: loading-xl desc: Extra large size --- ### ~Loading spinner ```html ``` ### ~Loading dots ```html ``` ### ~Loading ring ```html ``` ### ~Loading ball ```html ``` ### ~Loading bars ```html ``` ### ~Loading infinity ```html ``` ### ~Loading with colors ```html ```