MaterialButton & MaterialCardView

How use and style material UI components

Samples

For the correct functionality of the following components, it is necessary to inherit one of the following themes. The themes file is located in the res → values → themes.xml folder.

Recommended themes

Light theme

Theme.MaterialComponents.Light

Dark theme

Theme.MaterialComponents

Light theme no toolbar

Theme.MaterialComponents.Light.NoActionBar

Dark theme no toolbar

Theme.MaterialComponents.NoActionBar

Styles

[vc_raw_js]JTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwYXN0ZWJpbi5jb20lMkZlbWJlZF9qcyUyRlk1WkdtdlJQJTIyJTNFJTNDJTJGc2NyaXB0JTNFJTBB[/vc_raw_js]
[vc_raw_js]JTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwYXN0ZWJpbi5jb20lMkZlbWJlZF9qcyUyRlBBYW01czVmJTIyJTNFJTNDJTJGc2NyaXB0JTNFJTBB[/vc_raw_js]
[vc_raw_js]JTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwYXN0ZWJpbi5jb20lMkZlbWJlZF9qcyUyRnVqN2N0dTRrJTIyJTNFJTNDJTJGc2NyaXB0JTNFJTBB[/vc_raw_js]
[vc_raw_js]JTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwYXN0ZWJpbi5jb20lMkZlbWJlZF9qcyUyRnVqN2N0dTRrJTIyJTNFJTNDJTJGc2NyaXB0JTNFJTBB[/vc_raw_js]
[vc_raw_js]JTNDc2NyaXB0JTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwYXN0ZWJpbi5jb20lMkZlbWJlZF9qcyUyRnVqN2N0dTRrJTIyJTNFJTNDJTJGc2NyaXB0JTNFJTBB[/vc_raw_js]

Share