Title

Subtitle

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere mollitia qui aut. Molestias explicabo autem veniam doloribus doloremque numquam odit rem sapiente natus ipsam temporibus voluptates, ab mollitia repellat! Itaque.


White input

Basic example



Ta opcja poniżej u nas nie ma zastosowania bo my nie rozdzielamy labela od inputa

Readonly plain text

If you want to have <input readonly> elements in your form styled as plain text, use the .form-control-plaintext class to remove the default form field styling and preserve the correct margin and padding.


Czy chcemy coś zrobić z tą opcją?

...
Card title
Go somewhere

If any form parent is hidden, after displaying it, update the input to recalculate the width of the label using the following code:

document.querySelectorAll('.form-outline').forEach((formOutline) => { new mdb.Input(formOutline).update(); })

Autofill

Input group

@
@example.com
https://example.com/users/
$ .00
With textarea

Tabs

Form reset

Input can't be empty
Input can't be empty
Input can't be empty
Input can't be empty

Helper text

Example helper
Example helper

Character counter


Icons

Trailing icon

Title - API


Usage

Via data attributes

Via JavaScript

var myModal = new bootstrap.Modal(document.getElementById('myModal'), options)

Options

Name Type Default Description
tag String 'button' Changes button tag

Methods

Name Description Example
toggle Manually toggles a modal myModal.toggle()

Events

Name Description
show.bs.modal This event fires immediately when the show instance method is called. If caused by a click, the clicked element is available as the relatedTarget property of the event.