File tree Expand file tree Collapse file tree 1 file changed +46
-0
lines changed Expand file tree Collapse file tree 1 file changed +46
-0
lines changed Original file line number Diff line number Diff line change @@ -125,6 +125,52 @@ export default Example
125
125
| ssr | Set if the component should rendered on server | _ Boolean_ | false|
126
126
127
127
128
+ ### Label
129
+
130
+ - <h4 >Describe</h4 >
131
+ Wrapper component that add label on other components
132
+
133
+ - <h4 >Screenshot</h4 >
134
+ <img height =" 170 " src =" https://i.imgur.com/rBX3ttU.png " alt =" Medium Posts Card Carousel with label " ></a >
135
+
136
+ - <h4 >Example with carousel</h4 >
137
+
138
+ ``` javascript
139
+ import { Carousel , Label } from ' mediumpostscard'
140
+
141
+ function Example (){
142
+ return (
143
+ < Label>
144
+ < Carousel username= " alex.streza" / >
145
+ < / Label>
146
+ )
147
+ }
148
+
149
+ export default Example
150
+ ```
151
+
152
+ - <h4 >Example with List</h4 >
153
+
154
+ ``` javascript
155
+ import { List , Label } from ' mediumpostscard'
156
+
157
+ function Example (){
158
+ return (
159
+ < Label>
160
+ < List username= " alex.streza" / >
161
+ < / Label>
162
+ )
163
+ }
164
+
165
+ export default Example
166
+ ```
167
+ - <h4 >Valid Props</h4 >
168
+
169
+ | Prop name | Description | Type | Default |
170
+ | ---------- | :----------------------------------:| ----------: | ----------------:|
171
+ | text | Set text on label | _ String_ | 'Medium Articles'
172
+ | children | Set component to be labeled | JSX.Element | No default
173
+
128
174
## <span id =" server_side_rendering " >Server Side Rendering</span >
129
175
130
176
- <h4 >Usage</h4 >
You can’t perform that action at this time.
0 commit comments