mirror of
https://github.com/directus/directus.git
synced 2026-02-04 05:55:09 -05:00
* Add Quickstart Guide * Update installation * Remove unused files * Update support/backing * Tweaks in concepts * Setup file structure for API reference 2.0 * Setup page layout for reference * Add clean-urls plugin * getting started updates * Finish authentication rest * getting started updates * Render stylus in 2 spaces * Various * Various * Finish activity docs * Add collections reference * Add extension reference * concepts updates * Fields/tweaks * Add files doc * Add revisions * concepts docs * More api reference * Finish rest api reference (finally) * initial concepts * More things * Add assets api ref * Move sections from file to assets * Add environment variables * contributing docs * Add field transforms page * Left align table headers * concept links * Add API config * Fix mobile nav * Add migrating a project * doc link fixes Co-authored-by: Ben Haynes <ben@rngr.org>
42 lines
1.4 KiB
Markdown
42 lines
1.4 KiB
Markdown
# Interfaces <small></small>
|
|
|
|
> Interfaces determine how you view or interact with a field. In most cases, they offer some sort of input tailored to managing data of a specific type, but can also be used exclusively for presentation.
|
|
|
|
Interfaces provide different ways to view or interact with field data on the [Item Detail](/concepts/application/#item-detail) page's form. Every interface supports a specific subset of field [types](/concepts/types/) (eg: String), which determines how the data will be stored. For example, the _Text Input_ interface can manage most types of data, but might not be ideal for dates, where a _Calendar_ interface excels.
|
|
|
|
Directus includes many Interfaces out-of-the-box, below are the some key examples:
|
|
|
|
- **Checkboxes**
|
|
- **Code**
|
|
- **Color**
|
|
- **DateTime**
|
|
- **Divider**
|
|
- **Dropdown**
|
|
- **File**
|
|
- **Image**
|
|
- **Many-to-Many**
|
|
- **Many-to-One**
|
|
- **Markdown**
|
|
- **Notice**
|
|
- **Numeric**
|
|
- **One-to-Many**
|
|
- **Radio Buttons**
|
|
- **Repeater**
|
|
- **Slider**
|
|
- **Tags**
|
|
- **Text Input**
|
|
- **Textarea**
|
|
- **Toggle**
|
|
- **Translations**
|
|
- **WYSIWYG**
|
|
|
|
## Custom Interface Extensions
|
|
|
|
In addition to these core interfaces, custom interfaces allow for creating more tailored or proprietary ways to view or
|
|
manage field data, such as bespoke layout builders, skeuomorphic knobs, or relational views for third-party data (eg:
|
|
Stripe Credit Card UI).
|
|
|
|
#### Relevant Guides
|
|
|
|
- [Creating a Custom Interface](/guides/interfaces)
|