Skip to content

Tabs

Tabs(buttons, content, g_class_names='bg-gray-100 font-sans', buttons_wrapper_class_names='flex border-b-2 border-light-green dark:border-dark-black')

Create tabs with content for each tab. args: buttons : list of TabButton which is a button upon click becomes active and display content content : list of TabContent which is the content under each tab. g_class_names: global wrapper div class names button_wrapper_class_names: button wrapper div class names.

Source code in zenaura/ui/tabs.py 
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
def Tabs(buttons, content, g_class_names ="bg-gray-100 font-sans", buttons_wrapper_class_names="flex  border-b-2 border-light-green dark:border-dark-black"):
	"""
			Create tabs with content for each tab. 
			args:
					buttons : list of TabButton which is a button upon click becomes active and display content
					content : list of TabContent which is the content under each tab.
					g_class_names: global wrapper div class names
					button_wrapper_class_names: button wrapper div class names.
	"""
	return Div(
	g_class_names,
	[
	Div(
		"p-8",
		[
		Div(
			"",
			[
				Div(
					buttons_wrapper_class_names,
					buttons
				),
				Div(
					"mt-3", 
					content
				)
			]
		)
		]
	)
	]
)