@@ -61,102 +61,102 @@ def template():
6161 el .P (content = "This is some text." )
6262 )
6363 ),
64- BContainer (
65- class_name = f"p-5 my-5 border" ,
66- content = (
67- el .H1 (content = "Avatars Examples" ),
68- el .Div (class_name = "mt-2" , content = (
69- BAvatar (text = "Foo" , class_name = "mx-2" , size = "72px" ),
70- BAvatar (icon = "people-fill" , class_name = "mx-2" , size = "72px" ),
71- BAvatar (
72- icon = "people-fill" ,
73- class_name = "mx-2" ,
74- size = "45px" ,
75- badge = '100' ,
76- variant = "primary" ,
77- badge_variant = "dark"
78- ),
79- BAvatar (
80- icon = "people-fill" ,
81- class_name = "mx-2" ,
82- size = "45px" ,
83- badge = BIcon (icon_name = "exclamation-circle-fill" ,variant = "warning" ),
84- variant = "danger" ,
85- badge_variant = "danger" ,
86- badge_position = "bottom-left"
87- ),
88- )),
89- el .Hr (),
90- el .H1 (content = "Avatars Group Examples" ),
91- el .Div (class_name = "mt-2" , content = (
92- BAvatarGroup (
93- size = f"{ i + 1 * 2 } rem" ,
94- over_lap = 0.2 ,
95- content = (
96- BAvatar (text = "Foo" , size = "72px" ),
97- BAvatar (icon = "people-fill" , size = "72px" ),
98- BAvatar (
99- icon = "people-fill" ,
100- size = "45px" ,
101- badge = '100' ,
102- variant = "primary" ,
103- badge_variant = "dark"
104- ),
105- BAvatar (
106- icon = "people-fill" ,
107- size = "45px" ,
108- badge = BIcon (icon_name = "exclamation-circle-fill" , variant = "warning" ),
109- variant = "danger" ,
110- badge_variant = "danger" ,
111- badge_position = "bottom-right"
112- ),
113- )
64+ BContainer (
65+ class_name = f"p-5 my-5 border" ,
66+ content = (
67+ el .H1 (content = "Avatars Examples" ),
68+ el .Div (class_name = "mt-2" , content = (
69+ BAvatar (text = "Foo" , class_name = "mx-2" , size = "72px" ),
70+ BAvatar (icon = "people-fill" , class_name = "mx-2" , size = "72px" ),
71+ BAvatar (
72+ icon = "people-fill" ,
73+ class_name = "mx-2" ,
74+ size = "45px" ,
75+ badge = '100' ,
76+ variant = "primary" ,
77+ badge_variant = "dark"
78+ ),
79+ BAvatar (
80+ icon = "people-fill" ,
81+ class_name = "mx-2" ,
82+ size = "45px" ,
83+ badge = BIcon (icon_name = "exclamation-circle-fill" , variant = "warning" ),
84+ variant = "danger" ,
85+ badge_variant = "danger" ,
86+ badge_position = "bottom-left"
87+ ),
88+ )),
89+ el .Hr (),
90+ el .H1 (content = "Avatars Group Examples" ),
91+ el .Div (class_name = "mt-2" , content = (
92+ BAvatarGroup (
93+ size = f"{ i + 1 * 2 } rem" ,
94+ over_lap = 0.2 ,
95+ content = (
96+ BAvatar (text = "Foo" , size = "72px" ),
97+ BAvatar (icon = "people-fill" , size = "72px" ),
98+ BAvatar (
99+ icon = "people-fill" ,
100+ size = "45px" ,
101+ badge = '100' ,
102+ variant = "primary" ,
103+ badge_variant = "dark"
104+ ),
105+ BAvatar (
106+ icon = "people-fill" ,
107+ size = "45px" ,
108+ badge = BIcon (icon_name = "exclamation-circle-fill" , variant = "warning" ),
109+ variant = "danger" ,
110+ badge_variant = "danger" ,
111+ badge_position = "bottom-right"
112+ ),
114113 )
115- for i in range (5 )
116- )),
117-
118- )
119- ),
120- BContainer (
121- class_name = "p-5 my-5 border" ,
122- content = el .Div (
123- class_name = "h2 mb-0" ,
124- content = (
125- BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "success" ),
126- BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" ,variant = "warning" ),
127- BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" ,variant = "info" ),
128- BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" ,variant = "danger" ),
129- BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" ,variant = "primary" ),
130- BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" ,variant = "secondary" ),
131- BIcon (icon_name = "exclamation-circle" , class_name = "mx-1 bg-info" ,variant = "dark" ,),
132- BIcon (icon_name = "bell-fill" , class_name = "border rounded p-2 mx-1" , variant = "dark" ),
133114 )
115+ for i in range (5 )
116+ )),
117+
118+ )
119+ ),
120+ BContainer (
121+ class_name = "p-5 my-5 border" ,
122+ content = el .Div (
123+ class_name = "h2 mb-0" ,
124+ content = (
125+ BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "success" ),
126+ BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "warning" ),
127+ BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "info" ),
128+ BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "danger" ),
129+ BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "primary" ),
130+ BIcon (icon_name = "exclamation-circle-fill" , class_name = "mx-1" , variant = "secondary" ),
131+ BIcon (icon_name = "exclamation-circle" , class_name = "mx-1 bg-info" , variant = "dark" , ),
132+ BIcon (icon_name = "bell-fill" , class_name = "border rounded p-2 mx-1" , variant = "dark" ),
134133 )
135- ),
136- BContainer (
137- class_name = "p-5 my-5 bg-primary text-white" ,
138- content = el . Fragment (
139- BRow (
140- class_name = "justify-content-md-center" ,
141- content = [
142- BCol ( col = True , lg = 2 , content = "1 of 3" , style = StyleCSS ( background_color = "red" )),
143- BCol (cols = "12" , md = "auto" , content = "Variable width content" ,
144- style = StyleCSS ( background_color = "yellow" )) ,
145- BCol ( col = True , lg = 2 , content = "Variable width content" ,
146- style = StyleCSS ( background_color = "pink" )) ,
147- ]
148- ),
149- BRow (
150- content = [
151- BCol ( content = "1 of 3" , style = StyleCSS ( background_color = "orange" )),
152- BCol (cols = "12" , md = "auto" , content = "Variable width content" ,
153- style = StyleCSS ( background_color = "gray" )) ,
154- BCol ( col = True , lg = 2 , content = "Variable width content" ,
155- style = StyleCSS ( background_color = "smoke" )) ,
156- ]
157- )
134+ )
135+ ),
136+ BContainer (
137+ class_name = "p-5 my-5 bg-primary text-white" ,
138+ content = el . Fragment (
139+ BRow (
140+ class_name = "justify-content-md-center" ,
141+ content = [
142+ BCol (col = True , lg = 2 , content = "1 of 3" , style = StyleCSS ( background_color = "red" )) ,
143+ BCol ( cols = "12" , md = "auto" , content = "Variable width content" ,
144+ style = StyleCSS ( background_color = "yellow" )) ,
145+ BCol ( col = True , lg = 2 , content = "Variable width content" ,
146+ style = StyleCSS ( background_color = "pink" )),
147+ ]
148+ ),
149+ BRow (
150+ content = [
151+ BCol (content = "1 of 3" , style = StyleCSS ( background_color = "orange" )) ,
152+ BCol ( cols = "12" , md = "auto" , content = "Variable width content" ,
153+ style = StyleCSS ( background_color = "gray" )) ,
154+ BCol ( col = True , lg = 2 , content = "Variable width content" ,
155+ style = StyleCSS ( background_color = "smoke" )),
156+ ]
158157 )
159- ),
158+ )
159+ ),
160160 )
161161 )
162162 ]
0 commit comments