Markdown-components
6 min
component usage current component list note most laravel functions should work in the current component as an example @cannot('admin company profile') disabled @endcannot would work as \<x forms inputs textbox name="mycomponent" placeholder="this is my placeholder" @cannot('admin company profile') disabled @endcannot /> this would apply to @cannot ability to the control component component tag textbox /#textbox \<x forms inputs textbox /> textarea docid \<x forms inputs textarea /> button docid \<x forms inputs button /> checkbox /#checkbox \<x forms inputs checkbox /> syntax description test text header title here's this paragraph text and more textbox full example \<x forms inputs textbox type="email" id="texbox id" name="textbox name" placeholder="{{ ('enter email address') }}" value="this is a placerholder" disabled arialabel="inputgroup sizing sm" ariadescribe="aria description" prependtext="@" appendtext="end text" tabindex="2" cannot="admin company profile" /> available options optional id id of the input name name of the input type type of the input, i e text, email, phone default text value value of the input by default, can be used for holding old input on fail example with old input value="{{ old('organization name', $companyprofile\['organization name']) }}" placeholder placeholder text disabled just needs disabled flag added like a normal html input arialabel aria label for the html element ariadescribe aria described by for the html element prependtext sets the prepended text of a text field, setting it would add the prepend section appendtext sets the appended text of a text field, setting it would add the appended section tabindex sets the tabindex of the element cannot sets the gate for the @cannot of the element i e cannot="admin company profile" \<x forms inputs textarea disabled readonly aria label="test" data test="data test yo" class="form control description" id="organization message" name="organization message" rows="3" maxlength="250" minlength="3" tabindex="3" placeholder="test" style="resize none;"> {{ old('organization message', $companyprofile\['organization message']) }} \</x forms inputs textarea> available options uses all standard options of html elements optional id id of the input name name of the input value value of the input by default, can be used for holding old input on fail example with old input value="{{ old('organization name', $companyprofile\['organization name']) }}" placeholder placeholder text disabled just needs disabled flag added like a normal html input readonly just needs readonly flag added like a normal html input cols normal html cols attribute default 20 rows normal html rows attribute default 3 noresize disabled resizing of the textarea tabindex sets the tabindex of the element cannot sets the gate for the @cannot of the element i e cannot="admin company profile" maxlength maximum allowed length of text minlength minimum allowed length of text yooo ooo ooo hmm available options optional id id of the input disabled just needs disabled flag added like a normal html input tabindex sets the tabindex of the element icon the icon you intend to use, in cases of font awesome i e fa fa user would be what is expected iconpack the icon pack you wish to use with font awesome i e far, fas, fab link the link flag flips buttons to a href type buttons, pass the link as normal link="http //www google com checkbox full example available options optional image adds an image before the label imageheight adds an height to the image before the label imagewidth adds an width to the image before the label label text for the label of the checkbox