Tooltip

Div(
    Button('Hover me', cls='btn'),
    data_tip='hello',
    cls='tooltip'
)

Div(
    Button('Force open', cls='btn'),
    data_tip='hello',
    cls='tooltip tooltip-open'
)

Div(
    Button('Hover me', cls='btn'),
    data_tip='hello',
    cls='lg:tooltip'
)

Div(
    Button('Primary', cls='btn btn-primary'),
    data_tip='Primary',
    cls='tooltip tooltip-open tooltip-primary'
)

Div(
    Button('Secondary', cls='btn btn-secondary'),
    data_tip='Secondary',
    cls='tooltip tooltip-open tooltip-secondary'
)

Div(
    Button('Accent', cls='btn btn-accent'),
    data_tip='Accent',
    cls='tooltip tooltip-open tooltip-accent'
)

Div(
    Button('Info', cls='btn btn-info'),
    data_tip='Info',
    cls='tooltip tooltip-open tooltip-info'
)

Div(
    Button('Success', cls='btn btn-success'),
    data_tip='Success',
    cls='tooltip tooltip-open tooltip-success'
)

Div(
    Button('Warning', cls='btn btn-warning'),
    data_tip='Warning',
    cls='tooltip tooltip-open tooltip-warning'
)

Div(
    Button('Error', cls='btn btn-error'),
    data_tip='Error',
    cls='tooltip tooltip-open tooltip-error'
)