WireScript
Components

define

Create reusable components with parameters.

Define reusable components with parameters that can be used throughout your wireframes.

Usage

(define component-name (param1 param2)
  (box :row
    (text $param1)
    (text $param2)))

Calling Components

Always use named arguments:

(component-name :param1 "Hello" :param2 "World")

Rules

  1. Parameters are referenced with $param in the body
  2. Calls must use named arguments (:param value)
  3. Component names cannot shadow built-in elements

Examples

Stat Card

Try it


User Card


Try it



Try it


Feature Card


Try it


List Item


Try it


Metric Card


Try it


Action Card


Try it
datepicker
Standalone date picker with calendar.
divider
Horizontal or vertical divider line.
On this page
Usage
Calling Components
Rules
Examples
Stat Card
User Card
Nav Item
Feature Card
List Item
Metric Card
Action Card