コード例 #1
0
                    children=right_ui)

# Sidebar
sidebar = dac.Sidebar(
    dac.SidebarMenu([
        dac.SidebarHeader(children="Cards"),
        dac.SidebarMenuItem(id='tab_cards', label='Basic cards', icon='box'),
        dac.SidebarMenuItem(id='tab_social_cards',
                            label='Social cards',
                            icon='id-card'),
        dac.SidebarMenuItem(id='tab_tab_cards',
                            label='Tab cards',
                            icon='image'),
        dac.SidebarHeader(children="Boxes"),
        dac.SidebarMenuItem(id='tab_basic_boxes',
                            label='Basic boxes',
                            icon='desktop'),
        dac.SidebarMenuItem(id='tab_value_boxes',
                            label='Value/Info boxes',
                            icon='suitcase')
    ]),
    title='Dash Admin',
    skin="light",
    color="primary",
    brand_color="primary",
    url="https://quantee.ai",
    src="https://adminlte.io/themes/AdminLTE/dist/img/user2-160x160.jpg",
    elevation=3,
    opacity=0.8)

# Body
body = dac.Body(None)
コード例 #2
0
sidebar = dac.Sidebar(
    dac.SidebarMenu([
        dac.SidebarMenuItem(id='inicio_tab', label='Inicio', icon='home'),
        dac.SidebarHeader(children="Dashboards"),
        dac.SidebarMenuItem(id='tab_anomaly',
                            label='Detección Anomalías',
                            icon='eye'),
        dac.SidebarMenuItem(id='tab_validations',
                            label='Validaciones',
                            icon='file-medical-alt'),
        dac.SidebarHeader(children="Herramientas"),
        dac.SidebarMenuItem(id='tab_table_comparation',
                            label='Comparación de Fuentes',
                            icon='balance-scale-left'),
        dac.SidebarMenuItem(id='tab_value_boxes',
                            label='Value/Info boxes',
                            icon='suitcase'),
        dac.SidebarHeader(children="Gallery"),
        dac.SidebarMenuItem(label='Galleries', icon='cubes',
                            children=subitems),
    ]),
    title='Lucas',
    skin="light",
    color="primary",
    brand_color="primary",
    url="http://localhost:8050/",
    src="https://adminlte.io/themes/AdminLTE/dist/img/user2-160x160.jpg",
    elevation=3,
    opacity=0.8)
コード例 #3
0
# =============================================================================
# Dash Admin Components
# =============================================================================
# Navbar
navbar = dac.Navbar(color = "white")

# Sidebar
sidebar = dac.Sidebar(
	dac.SidebarMenu(
		[
                    dac.SidebarMenuItem(id='tab_sales', label='Sales', icon='dollar-sign'),
                    dac.SidebarMenuItem(id='tab_shipment', label='Shipment', icon='truck'),
                    dac.SidebarMenuItem(id='tab_inventory', label='Inventory', icon='boxes'),
		]
	),
    title='Nortwind Admin',
    skin="light",
    color="primary",
    brand_color="primary",
    url="https://quantee.ai",
    src="https://static.thenounproject.com/png/214846-200.png",
    elevation=3,
    opacity=0.8
)

# Body
body = dac.Body(
    dac.TabItems([
        sales_tab,
        shipment_tab,
        inventory_tab,