mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-20 08:27:32 +08:00
71711cb2df
This add the shape theming doc generation for our components. Same as we did for color, we are adding the shape theming template so then it can be easily generated for our docs. I will generate the shape theming docs for our components in a follow up PR.
38 lines
1013 B
Plaintext
38 lines
1013 B
Plaintext
### Shape Theming
|
|
|
|
You can theme <#a_component_name#> with your app's shape scheme using the ShapeThemer extension.
|
|
|
|
You must first add the ShapeThemer extension to your project:
|
|
|
|
```bash
|
|
pod 'MaterialComponents/<#component#>+ShapeThemer'
|
|
```
|
|
|
|
<!--<div class="material-code-render" markdown="1">-->
|
|
#### Swift
|
|
```swift
|
|
// Step 1: Import the ShapeThemer extension
|
|
import MaterialComponents.Material<#component#>_ShapeThemer
|
|
|
|
// Step 2: Create or get a shape scheme
|
|
let shapeScheme = MDCShapeScheme()
|
|
|
|
// Step 3: Apply the shape scheme to your component
|
|
<#shape_themer_api#>.applyShapeScheme(shapeScheme, to: component)
|
|
```
|
|
|
|
#### Objective-C
|
|
|
|
```objc
|
|
// Step 1: Import the ShapeThemer extension
|
|
#import "Material<#component#>+ShapeThemer.h"
|
|
|
|
// Step 2: Create or get a shape scheme
|
|
id<MDCShapeScheming> shapeScheme = [[MDCShapeScheme alloc] init];
|
|
|
|
// Step 3: Apply the shape scheme to your component
|
|
[<#shape_themer_api#> applyShapeScheme:shapeScheme
|
|
to<#themer_parameter_name#>:component];
|
|
```
|
|
<!--</div>-->
|